jqueryselect下拉框操作的一些说明
操作 说明 一些 下拉框 jqueryselect
2023-06-13 09:14:17 时间
//==========测试代码===============
<headrunat="server">
<title>下拉框测试</title>
<scripttype="text/javascript"src="/js/jquery/jquery-1.3.js"></script>
<scripttype="text/javascript">
$(function(){
var$city=$("#ddlCity");
//填充一些数据
for(vari=1;i<=10;i++){
$city.append($("<option/>").attr("value",i).text("可以选择的城市第:"+i));
}
//$city.width("100px");//IE6.0下需要自己调整下拉框的宽度
vart=6;
//setTimeout("$(\"#ddlCity\").val("+t+");",1);//IE6下解决一,IE,火狐取值多有问题
try{$city.val(6);}catch(e){}//IE6下解决二,select至少有一个静态option,IE取值有问题
//$city.val(6);//ie6报错,fireFox,IE8.0正常
alert($city.val());
$("#ddlProvince").val(101);//全部正常
});
</script>
</head>
<body>
<formid="form1"runat="server">
<selectid="ddlProvince"name="ddlProvince">
<optionvalue="0">请选择</option>
<optionvalue="1">北京</option>
<optionvalue="60">重庆</option>
<optionvalue="101">广东</option>
</select>
<selectid="ddlCity"name="ddlCity">
<optionvalue="0">请选择</option>
</select>
<!--<optionvalue="0">请选择</option>将ddlCity中的全部option清除-->
<asp:ButtonID="butSave"runat="server"onclick="butSave_Click"Text="Button"/>
</form>
</body>
//==========End测试代码===================
测试说明:
A:静态select项目
静态select项目(可以通过服务器端脚本填充),可以直接使用$("#下拉框id").val(选中的value)进行设置.
设置后使用$("#下拉框id").val();可以正确获取其值.
B:有一项静态的
包含动态创建立的option时,使用$("#selectId").val()
动态创建的(包含一项静态的option如:<optionvalue="0">请选择</option>),可以通过
1.setTimeout("$(\"#下拉框id\").val("+value+")",1)设置.
但是使用setTimeout后,使用$("#下拉框id").val();取值时则不正确,当然通常情况你的代码上下文保留有value值,
没必要通过.val()去取,setTimeout缺点是异步执行的,setTimeout执行时的上下文通常不是当前函数域.
2.使用try{$("#下拉框id").val();}catch(e){}来屏蔽错误,
这个在firefox中跟IE6.0中多可以正常运行,但是IE6.0取值会出问题.
C:全部动态创建
这种情况下使用try在IE6.0中也无发设置.
另外IE6.0对动态创建的下拉项目,不能自动调整select宽度,需要手动调整.
相关文章
- H7-TOOL串口脱机烧录操作说明,支持TTL串口,RS232和RS485(2022-06-30)
- wireshark抓包工具详细说明及操作使用_wireshark抓包结果分析
- 【C 语言】文件操作 ( 文件加密解密 | 使用第三方 DES 加密解密库 | 头文件导入 | 兼容 C++ 语言 | 加密解密函数说明 )
- SQLServer 错误 14421 日志传送辅助数据库 %s.%s 的还原阈值为 %d 分钟,并且现在不同步。在过去的 %d 分钟之内未执行任何还原操作。 还原操作滞后了 %d 分钟。 请查看代理日志和日志传送监视器信息。 故障 处理 修复 支持远程
- PostgreSQL的upsert实例操作(insert on conflict do)
- MySQL中实现分页操作的实战指南
- java读写文件操作工具类详解编程语言
- Linux下的说明命令:让你一步步操作完美(linux说明命令)
- MySQL下载与安装:轻松完成操作(mysql下载与安装过程)
- 操作MySQL数据库的表操作简明说明(mysql数据库的表)
- 登录Linux实现无密码登录:一步一步操作指南(linux用户无密码)
- Linux命令下取消操作的简易方法(linuxat取消)
- python使用Python轻松操作Redis(redis-)
- TP5连接MSSQL数据库实现高效数据操作(tp5连接mssql)
- SQL Server 启停操作简明指南(sqlserver 开关)
- MySQL 中 alter 操作的应用(alter在mysql)
- Oracle中回滚操作的说明(oracle中回滚的解释)
- Oracle MLOG表对数据库变更操作的完整记录(oracle mlog表)
- php数组操作(增加,删除,查询,排序)等函数说明