<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>
分享到:
相关推荐
在HTML5中,这种复杂的下拉列表通常结合`<select>`标签、JavaScript(JS)以及可能的CSS来实现。下面将详细介绍如何构建一个三级联动的下拉列表。 首先,我们要理解HTML5的`<select>`标签。`<select>`标签用于创建...
2. 禁用select中的单个option元素 如果只想禁用select中的某个或某些特定的option,而不是整个下拉菜单,可以将disabled属性直接添加到option元素上。如下示例展示了如何禁用选项3、4、5,而保留选项1和2为可选: ``...
- 作用:使用原生样式的下拉列表。 - 特性:保留原生样式的同时,仍然支持JQuery Mobile的功能。 - **number类型** - 标签: - 作用:专门用于数字输入。 - 特性:可以设置最小值、最大值等属性来控制输入范围...
1. **成对出现的元素**:大多数HTML元素采用这种方式,如`<p>`段落元素、`<option>`下拉列表选项、`<th>`表格头部单元格等。这些元素拥有明确的开始标记和结束标记。 2. **只有起始标记的元素**:某些元素如`...
- **Select**: 下拉列表对象,用于提供一组选项供用户选择。通过`<select>`标签定义,并且可以包含多个`<option>`标签来定义可选项目。 - **CheckBox**: 复选框对象,允许用户选择一个或多个选项。 - **Div**: 分区...
- **描述**: 插入单个换行符。 - **版本兼容性**: HTML4 / HTML5。 - **属性**: 全局属性。 - **示例**: `<p>This is line one. This is line two.</p>` ##### 19. **按钮标签** `<button>` - **描述**: ...
- **option标签**:定义下拉列表中的选项。 - **p标签**:定义段落。 - **param标签**:定义插件的参数。 - **plaintext标签**:定义预格式化的文本,已废弃。 - **pre标签**:定义预格式化的文本。 - **q标签**:...
* List: 列表,用于展示一系列的项目。 * Section: 分区或分块,用于将页面分成不同的部分。 * Article: 文章,用于展示网站的主要内容。 * Aside: 侧边栏或广告,用于展示网站的相关信息。 * Footer: 页脚或底部,...