今天看到一大神处理下select下拉选的一段代码,在次做个笔记。这段代码主要用于禁用select标签,让其选中的值不能被改变。好了,不瞎扯了,看代码吧。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS</title>
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
<select id="statusprice">
<option value="0">待定价</option>
<option value="1" selected>已定价</option>
</select>
</button>
</body>
</html>
$(function(){
//方法1:参考大神的代码
$("#statusprice").focus(function(){
this.si=this.selectedIndex;
});
$("#statusprice").change(function(){
this.selectedIndex=this.si;
});
//方法2:比较通俗的方法,直接禁用select标签,让其至灰
$("#statusprice").attr("disabled",true);
});
该代码运行后的结果是:让select一直保持选中“已定价”状态,不能选中其他选项。
分享到:
相关推荐
1.比较特殊的需求,下拉框要里边的每一条数据要用不同的颜色状态,选择以后要同时显示颜色和状态,
今天小编就为大家分享一篇Layui 动态禁止select下拉的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
select2好用的 下拉选择框 select2好用的 下拉选择框 select2好用的 下拉选择框 select2好用的 下拉选择框 select2好用的 下拉选择框 select2好用的 下拉选择框
下拉框实现树结构带禁用.vue
这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除。 实现效果: el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性,所有明显不支持。 解决思路(从el-...
选中全选按钮,则checkbox【name=‘tids’】全部选中,有一个name为'tids'的没有选中,则全选按钮不选中,当name为'tids'全部选中,则全选自动选中
listboxalign:’auto’,//下拉列表的对齐方式,可选值left,right,auto columns:1, //显示列数 checkbox:false,//是否复选 maxchecked:3,//最多同时选择数,checkbox=true时有效 selectedtext:”,//checkbox=true...
目录随着材料设计作为单选安装作为NPM软件包使用CDN 对等依赖用法道具班级名称clearSearchOnChange onChange onNodeToggle onAction 焦点...Select showPartiallySelected showDropdown 最初的总是表单状态(已禁用...
修身高级选择下拉菜单 有关所有功能的文档和示例,请参见: : 特征 没有依赖 20kb-5kb gzip 单选 多选 用户可添加选项 HTML选项 可设定的数据 回调事件 占位符 搜索 禁用选项 轻CSS 浅色方案 样式和类继承 干净...
在下拉列表中选择选项的组件。 :triangular_flag: 目录 安装 通过包管理器新产品经理 通过内容交付网络 (CDN) 下载源文件 :hammer: 用法 HTML JavaScript 在浏览器环境中使用命名空间 在节点环境中使用...
主要介绍了vue 不使用select实现下拉框功能,在文章给大家提到了vue select 组件的使用与禁用,需要的朋友可以参考下
主要用于formSelect下拉复选框所用到的材料,基于 layui 的 select 多选解决方案。支持:多选、分组、取值&赋值、选择监听、搜索、启用&禁用、多选皮肤、重复选、下拉方向、显示数量、选择数、 远程搜索、动态数据、...
主要介绍了vue+Element中table表格实现可编辑,实现select下拉框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 代码如下:[removed] var nodeList = document.... } nodeList = document.getElementsByTagName(“select”); for (var i = 0;
当您从一个下拉菜单中选择一项时,它会禁用其他下拉菜单的选择,反之亦然。 同样,当您通过按选择旁边的x按钮取消选择项目时,也会恢复其他下拉菜单的可用性。 如何使用它 如果您有2个ID为#first和#second的下拉...
//得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text();//得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”]’).val()...
学习表单的核心就是学习表单控件,HTML语言提供了一系列的表单控件,用于定义不同的表单功能,如密码输入框、文本域、下拉列表、复选框等。 表单控件 表单控件常用在登录和注册模块 表单控件 大致可分为input控件、...
combobox:允许“disabled”属性禁用下拉列表选项; tree:改进数据加载时候的性能; pagination:新增“layout”属性,用于自定义控件的样式布局; accordion:新增“unselect”方法、“onUnselect”事件; ...
Chosen 是select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。此外,还可以搜索查找下拉选项。它可对列表进行分组,同时也可禁用某些选择项。