`

实现下拉列表单个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;`标签用于创建...

    html option禁用选择 select禁用选项示例

    2. 禁用select中的单个option元素 如果只想禁用select中的某个或某些特定的option,而不是整个下拉菜单,可以将disabled属性直接添加到option元素上。如下示例展示了如何禁用选项3、4、5,而保留选项1和2为可选: ``...

    表单与列表

    - 作用:使用原生样式的下拉列表。 - 特性:保留原生样式的同时,仍然支持JQuery Mobile的功能。 - **number类型** - 标签: - 作用:专门用于数字输入。 - 特性:可以设置最小值、最大值等属性来控制输入范围...

    HTML学习笔记

    1. **成对出现的元素**:大多数HTML元素采用这种方式,如`&lt;p&gt;`段落元素、`&lt;option&gt;`下拉列表选项、`&lt;th&gt;`表格头部单元格等。这些元素拥有明确的开始标记和结束标记。 2. **只有起始标记的元素**:某些元素如`...

    HTML对象简介

    - **Select**: 下拉列表对象,用于提供一组选项供用户选择。通过`&lt;select&gt;`标签定义,并且可以包含多个`&lt;option&gt;`标签来定义可选项目。 - **CheckBox**: 复选框对象,允许用户选择一个或多个选项。 - **Div**: 分区...

    HTML5技术参考表

    - **描述**: 插入单个换行符。 - **版本兼容性**: HTML4 / HTML5。 - **属性**: 全局属性。 - **示例**: `&lt;p&gt;This is line one. This is line two.&lt;/p&gt;` ##### 19. **按钮标签** `&lt;button&gt;` - **描述**: ...

    safari HTML5 handbook

    - **option标签**:定义下拉列表中的选项。 - **p标签**:定义段落。 - **param标签**:定义插件的参数。 - **plaintext标签**:定义预格式化的文本,已废弃。 - **pre标签**:定义预格式化的文本。 - **q标签**:...

    web前端常用单词.docx

    * List: 列表,用于展示一系列的项目。 * Section: 分区或分块,用于将页面分成不同的部分。 * Article: 文章,用于展示网站的主要内容。 * Aside: 侧边栏或广告,用于展示网站的相关信息。 * Footer: 页脚或底部,...

Global site tag (gtag.js) - Google Analytics