实现下拉列表单个option的disabled

最新推荐文章于 2022-10-28 18:07:52 发布

cndone

最新推荐文章于 2022-10-28 18:07:52 发布

阅读量446

点赞数

CC 4.0 BY-SA版权

分类专栏： web basic 文章标签： CSS

本文链接：https://blog.youkuaiyun.com/cndone/article/details/83553249

web basic 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript防止用户选择下拉菜单中被标记为禁用的选项的方法，并提供了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>