`
honeyao
  • 浏览: 74524 次
  • 性别: Icon_minigender_1
  • 来自: ShenZhen
社区版块
存档分类
最新评论

select disable

select disable 
阅读更多 
<select id=ss>
  <option>000</option>
  <option>001</option>
  <option>002</option>
  <option>003</option>
</select>
<input type=button onclick="ss.disabled=!ss.disabled" value=enable/disable>
<input type=button onclick="alert(ss.options[ss.selectedIndex].innerText)" value=show_selected>

 一段有用的代码

分享到：
| FCKEditor的精简与使用(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Odoo Select Field disable

    该模块用于在Odoo环境中，指定Selection字段可选择的值。

    如何设置select只读不可编辑且select的值可传递

    在进行网页表单设计时，经常会遇到需要将select下拉框设置为只读状态同时保证用户选择的值能够正常传递到服务器端的需求。为了实现这一需求，技术人员通常采用以下几种方法： 1. 使用JavaScript或jQuery技术动态...

    vue动态循环出的多个select出现过的变为disabled(实例代码)

    在Vue框架中，动态生成多个下拉选择框（select）并通过逻辑判断使其显示为禁用状态（disabled）是一项常用的功能。本文介绍了实现该功能的方法，并提供了一些示例代码。下面将详细展开介绍相关的知识点。 1. Vue.js...

    用jQuery解决IE不支持的option disable属性

    在IE浏览器中，给select的options设置 disable属性 是没用的。 必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果，因为输出...

    设置disabled属性后台读不到数据如何让select支持readonly

    select id=”lstTest” onfocus=”this.defaultIndex=this.selectedIndex;” onchange=”this.selectedIndex=this.defaultIndex;”&gt; ”1″&gt;test1&lt;/option&gt; ”2″&gt;test2&lt;/option&gt; ”3″ selected=”selected”&gt;...

    select 增加搜索框

    标题“select增加搜索框”和描述中提到的“在select框中添加新的样式searchClass”，正是针对这个需求的一种解决方案。 要实现带有搜索功能的`select`框，一种常见的方法是使用第三方库，例如`Chosen`插件。`Chosen...

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下： 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;/select&gt;

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    在使用element-ui开发Web项目时，经常会遇到一些组件使用上的细节问题，其中element-ui中的下拉多选框组件el-select使用时，如何设置默认值且不可删除，是一个较为常见的需求。本文将详细介绍如何解决这个问题，以及...

    使用css禁用input、checkbox、select等html控件实现disable效果

    用js的event可以用来阻止input,select,checkbox的默认事件，如 event.preventDefault() event.stopPropagation() ...以上所述是小编给大家介绍的使用css禁用input、checkbox、select等html控件实现disable

    jquery select美化插件selectlist plugin下载地址.zip

    6. **API操作**：提供如`refresh`、`disable`等方法，方便在运行时动态更新或控制插件状态。 五、高级应用 在实际项目中，我们可能需要结合其他jQuery插件或库，如Bootstrap、Angular等，来实现更复杂的功能。例如...

    ChosenSelect_美化H5Select选择框_

    Chosen是一个流行的JavaScript库，它通过提供自定义样式和增强的交互性，为原本简单的原生`&lt;select&gt;`元素带来了丰富的用户体验。 首先，Chosen库提供了两种版本的CSS文件：`chosen.css`和`chosen.min.css`。这两个...

    layui select 禁止点击的实现方法

    在使用Layui的form模块之后，我们可以通过`form.render('select')`方法来重新渲染页面上的select组件，使得之前添加的属性生效。这里的`'select'`是Layui渲染器的名称，用于渲染select组件。 结合上述两点，我们...

    Jquery selectbox 支持多选

    id:”,//假设id为dr1,则可以用方法dr1.disable(),dr1.enable(),dr1.init(data,selected)/可用作联动/,dr1.text,dr1.value;$(‘#dr1′).val();dr1.onchange=callback width:100,//显示宽 listboxwidth:0,//下拉框...

    Layui 动态禁止select下拉的例子

    author：咔咔 wechat：fangkangfk 前端代码 js代码 ... $('select').attr('disabled', 'disabled'); form.render('select'); } } // 禁止select点击 disSelect(); 以上这篇Layui 动态禁止selec

    jquery select menu

    $("#mySelectMenu").selectmenu("disable"); ``` 之后，可以使用`enable()`方法重新启用。 ### 8. **兼容性和性能** 尽管jQuery UI的`selectmenu`提供了丰富的功能，但因其依赖于jQuery和jQuery UI库，所以可能增加...

    Jquery select 插件 chosen

    disable_search_threshold: 10, // 当选项少于10个时，不显示搜索框 search_contains: true, // 搜索时不区分位置，只要包含关键字即可 placeholder_text_single: "请选择一项", // 单选模式下的占位符文本 ...

    jQuery select下拉框单选和多选插件.zip

    disable_search_threshold: 100, width: '100%' }); $('.form-control-chosen-optgroup').chosen({ width: '100%' }); $(function() { $('[title="clickable_optgroup"]').addClass('chosen-...

    jquery下拉列表插件

    8. **API控制**：开发者可以通过调用插件提供的API方法来动态改变下拉列表的状态，例如`selectBox('refresh')`刷新列表，`selectBox('disable')`禁用插件等。 在实际应用中，`selectBox`插件通常与HTML结构配合使用...

Magicbox
Global site tag (gtag.js) - Google Analytics