`
web
  • 浏览: 28121 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE6下select控件option的模拟禁用

    博客分类:
  • html
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE6下select控件option的模拟禁用</title>
<script>
   function deal(id) {
   	var s = document.getElementById(id).options;
   	var l = s.length;
   	for(var i=0; i<l; i++){
	   	if(s[i].disabled && s[i].selected) {
	   		s[0].selected = "selected";
	   		break;
	   	}
   	}
	}
</script>
</head>
<body>
	请您选择无烟城市可以乘坐的最佳交通工具:
<select id="transport" onchange="deal('transport');">
	<option>==请选择==</option>
	<option>自行车</option>
	<option style="color:#999999" disabled="disabled">奔驰</option>
	<option>毛驴</option>
	<option style="color:#999999" disabled="disabled">臭脚</option>
</select>
</body>
</html>
0
0
分享到:
评论

相关推荐

    处理html 控件select的js函数

    为了美化`&lt;select&gt;`控件,可以结合CSS来调整其样式,然后用JavaScript处理交互行为,例如模拟自定义的下拉菜单效果。 9. **异步加载和AJAX** `XMLHttpRequest`或`fetch`API可用于异步获取数据,并动态填充`...

    Jquery双向select控件Bootstrap Dual Listbox

    Bootstrap Dual Listbox是一款基于jQuery和Bootstrap框架的双选列表控件,它为用户提供了便捷的方式来在两个选择框之间同步选项的选取。这个控件尤其适用于需要处理大量可选项目的场景,用户可以轻松地进行批量选择...

    jquery实现select互斥联动

    在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于多级筛选或配置场景。 一、基本概念 1. jQuery:jQuery 是一个高效、简洁而易用的JavaScript库,...

    使用HTML开发商业网站-表单控件-select课件.pptx

    在众多的表单元素中,`&lt;select&gt;` 控件用于创建下拉列表,也就是我们常说的下拉菜单。这个控件常用于提供一系列预设的选项供用户选择,比如在注册页面上选择省份、城市或者在调查问卷中选择喜好。 **基本语法:** `...

    javascript模拟select,jselect的方法实现

    总的来说,这个JavaScript模拟的select控件`jselect`解决了原生select元素在不同浏览器下样式不统一和美观度不足的问题,提供了自定义的UI样式和更丰富的交互体验。通过封装的API,开发者可以方便地在项目中使用这个...

    layui的select下拉框插件,可以多选

    在layui中,`select`下拉框插件是用于创建选择项的控件,尤其适用于需要用户从一系列选项中进行多选的情况。在本篇文章中,我们将深入探讨layui的`select`下拉框插件及其多选功能,以及如何在HTML、JavaScript和...

    div模拟select下拉菜单美化效果实例

    在网页设计中,为了提供更好的用户体验和更符合品牌风格的界面,开发者经常会选择用`div`元素来模拟`select`下拉菜单的样式。`select`元素是HTML中内置的表单控件,用于创建下拉列表,但其样式控制有限,难以实现...

    css实现表单Select样式美化

    6. **模拟下拉箭头**:由于不能直接修改Select的下拉箭头,我们可以使用伪元素`::after`创建一个自定义的箭头。例如,可以使用`content: "\25BC"`来添加一个向下的箭头图标,并通过`position: absolute; right: 5px;...

    select-disabled-传值

    然而,在某些情况下,我们可能希望`select`元素变为只读状态,即用户无法更改其内容,但仍需将当前选中的值传递给服务器端进行处理。这种场景通常可以通过设置`select`元素的`disabled`属性来实现。 #### 重要概念...

    LayUi组件TableSelect

    &lt;option value="0"&gt;禁用&lt;/option&gt; &lt;option value="1"&gt;启用&lt;/option&gt; &lt;/select&gt; ``` 然后,在JavaScript中初始化表格,并监听`selectAction`事件,以便在用户做出选择后执行相应的业务逻辑: ```javascript ...

    Layui 动态禁止select下拉的例子

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

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

    在网页设计和开发过程中,经常会遇到需要禁用某些表单控件(如input、checkbox、select等)的需求。通过使用CSS(层叠样式表),我们可以轻松地给这些控件添加禁用效果,而无需借助JavaScript代码。这种禁用状态通常...

    JQ年月时间控件

    $('#month-select').append('&lt;option value="' + j + '"&gt;' + ('0' + j).slice(-2) + '&lt;/option&gt;'); } } $(document).ready(function() { populateYearMonthSelects(); }); ``` 在这个例子中,我们生成了过去10...

    js时间控件 精确到时分秒

    此外,为了提升用户体验,我们可以添加更高级的功能,如自动调整时间格式(12小时制 vs 24小时制)、禁用不可选的小时(如不允许选择24小时制下的24小时)等。还可以考虑使用现有的库,如jQuery UI的Datepicker或...

    jQuery And Select2 Demo.zip

    此代码将把ID为"mySelect2"的`&lt;select&gt;`元素转换为Select2控件。如果你想要自定义Select2的行为,可以传递配置对象作为参数。例如,你可以设置搜索最小字符数,或者禁用某些功能: ```javascript $("#mySelect2")....

    时间日期选择控件

    hourSelect.appendChild(option); } var minuteSelect = document.getElementById('minuteSelect'); for (var i = 0; i ; i += 5) { var option = document.createElement('option'); option.value = i; option...

    MFCGridCtrl控件_使用心得

    ### MFCGridCtrl控件使用心得 #### 一、引言 ##### 1.1 目的 本文旨在记录作者在学习与使用GridCtrl过程中的经验总结,希望通过这些分享能够帮助到其他正在学习使用该控件的同事,让他们能够更快地掌握GridCtrl的...

    微信小程序 select 下拉框组件.zip

    在微信小程序中,`select`下拉框组件是一种常见的用户输入控件,它允许用户从一组预定义的选项中选择一个。本项目“微信小程序 select 下拉框组件”提供了关于如何在小程序中实现这一功能的详细示例。下面将详细介绍...

    mSelect 一个漂亮下拉框的表单美化插件.zip

    mSelect还提供了许多可配置的选项,如设置默认选中项、禁用选项、改变搜索框行为等。例如,可以通过以下方式设置默认选中项: ```javascript $('#mySelect').mSelect({ defaultIndex: 1 // 设置第二个选项为默认...

    html二级联动控件,三级联动控件的javascript实现_省市县.zip

    6. **优化用户体验**:为了提高用户体验,可以添加一些动画效果,如加载提示、过渡动画等,同时确保在数据加载期间禁用下一级联动控件,防止用户在数据未准备好时做出选择。 在提供的压缩包文件中,"源码"可能包含...

Global site tag (gtag.js) - Google Analytics