`

实现下拉列表单个option的disabled

CSS 
阅读更多
<style type="text/css">
option.disabled { color: #999;}
</style>
        
<sript type="text/javasript">
function preventSelectDisabled(oSelect) {
var isOptionDisabled = oSelect.options[oSelect.selectedIndex].disabled;
if(isOptionDisabled) {
oSelect.selectedIndex = oSelect.defaultSelectedIndex;
return false;
}
else
oSelect.defaultSelectedIndex = oSelect.selectedIndex;
return true;
}
</sript>
        <tr>
          <td align="center"><table width="100%" border="0" cellspacing="0" cellpadding="3">
                <tr>
                  <td width="58%" align="right">
                   <select name="type" class="textinput" 
        onchange='return preventSelectDisabled(this)'>
       <option value="1">文章标题</option>
       <option value="2" disabled='disabled' class='disabled'>文章内容</option>
       <option value="3">全文搜索</option>
                    </select>

 

分享到:
评论

相关推荐

    全国各省市联动下拉列表

    全国各省市联动下拉列表是一种常见的前端交互设计,主要用于网页上的地址选择,用户可以在两个或多个下拉列表中逐级选择国家、省份、城市等信息,实现数据的联动筛选。这种设计常见于注册表单、地址填写、物流配送等...

    三级下拉列表 select 网页 html5

    在HTML5中,这种复杂的下拉列表通常结合`&lt;select&gt;`标签、JavaScript(JS)以及可能的CSS来实现。下面将详细介绍如何构建一个三级联动的下拉列表。 首先,我们要理解HTML5的`&lt;select&gt;`标签。`&lt;select&gt;`标签用于创建...

    IE6中select标签的option不能disabled的解决方案

    `select-option-disabled-emulation.js`的实现原理可能包括以下步骤: 1. **事件监听**:脚本首先会监听`select`元素的事件,如`change`、`click`等,以便在用户尝试选择或交互时介入。 2. **样式处理**:当`...

    jQuery实现的多级级联下拉列表

    本教程将深入探讨如何使用jQuery这一强大的JavaScript库来实现多级级联下拉列表。 首先,我们需要理解jQuery的核心概念。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax...

    jquery 多个下拉列表相互作用

    "jQuery 多个下拉列表相互作用"这个主题就涉及到了如何利用jQuery库来实现动态的、响应式的多级选择功能。在这个场景中,用户首先从一个下拉列表选择国家,接着根据选定的国家,第二个下拉列表会动态更新为相应国家...

    JavaScript解析XML实现多级级联下拉列表

    总结来说,实现JavaScript解析XML实现多级级联下拉列表的关键在于理解XML的结构、使用DOMParser解析XML,以及处理级联下拉列表的事件和逻辑。通过这些技术,我们可以创建出高效且易于维护的级联选择功能,提升用户的...

    select-option-disabled-emulation.zip_OPTION_select option_select

    select-option-disabled-emulation.js解决IE6 Select 中 option 的disabled属性无效的办法~~~在页面加载时架子该js,呵呵有点问题:onchange 时间冲突 自己改改··

    select-disabled-传值

    在Web开发中,`select`元素是一种常见的HTML控件,用于创建下拉列表供用户选择。然而,在某些情况下,我们可能希望`select`元素变为只读状态,即用户无法更改其内容,但仍需将当前选中的值传递给服务器端进行处理。...

    下拉列表 js三级联动

    以上就是使用JavaScript实现下拉列表三级联动的基本步骤。在实际应用中,可能还需要考虑其他因素,如错误处理、异步数据加载优化、用户体验改进等。通过这种方式,我们可以为用户提供更加智能化和流畅的交互体验,...

    jQuery 操作下拉列表框实现代码

    这里我们将深入探讨如何使用 jQuery 来实现对下拉列表框的各种操作,包括获取选项、修改选项、添加和删除选项等。 首先,我们来看一个基本的下拉列表框的 HTML 结构: ```html &lt;option value="1"&gt;Option1&lt;/...

    AmazeUI 下拉选框

    通过查看AmazeUI的源码,我们可以深入了解其下拉选框组件的实现原理,包括CSS样式和JavaScript逻辑,这对于定制或扩展功能非常有帮助。 总的来说,AmazeUI的下拉选框组件以其简洁的API和丰富的功能,为开发者提供...

    javascript实现省市区联动

    在网页开发中,省市区联动是一种常见的功能,用于在用户选择省份时自动更新城市和区县的下拉列表。这种功能通常用JavaScript实现,因为JavaScript是客户端脚本语言,能够实时响应用户的操作并动态更新页面内容。下面...

    百度刷相关搜索-刷下拉列表框

    Protection Options for 百度刷相关搜索-刷下拉列表框软件V1.0.exe -------------------------------------------------------------- Macros Information ------------------ VM Macros: 0 CodeReplace Macros: 0 ...

    DropDownList实现级连

    在这个场景中,我们将探讨如何使用DropDownList实现级连效果,以及手动添加下拉列表的值。 1. **级联下拉列表的基本概念**: 级联下拉列表是两个或多个下拉列表之间的联动关系。当用户在第一个下拉列表中做出选择...

    javascript 省市区街——四级联动

    3. 更新下拉列表:遍历对应的数据,创建`&lt;option&gt;`元素并添加到相应的下拉列表中。 以下是一个简单的示例实现: ```javascript // 初始化数据 var addressData = JSON.parse(/* 从服务器获取或硬编码的JSON数据 */...

    用jquery设置按钮的disabled属性的实现代码

    input type=’button’ id=’test’ value=’disabled’&gt; 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button...

    js省市级联下拉菜单

    级联菜单通常由两个或多个下拉列表组成,当用户在一个列表中做出选择时,它会影响下一个列表的可见选项。例如,当用户从“省份”列表中选择一个省份后,“城市”列表会显示与所选省份对应的城市选项。 JavaScript在...

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

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

    disabled属性

    总之,`disabled`属性是前端开发中不可或缺的一个工具,它不仅能够帮助我们实现丰富的交互逻辑,还能够提高用户体验和页面的可用性。理解并熟练掌握其用法对于每一个前端开发者来说都是非常重要的。

Global site tag (gtag.js) - Google Analytics