首页 / JQUERY / jquery select下拉框操作的一些说明

jquery select下拉框操作的一些说明

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery select下拉框操作的一些说明，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2028字，纯文字阅读大概需要3分钟。

内容图文

代码如下:

//==========测试代码=============== 
<head runat="server"> 
<title>下拉框测试</title> 
<script type="text/javascript" src="/js/jquery/jquery-1.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
var $city= $("#ddlCity"); 
//填充一些数据 
for(var i=1;i<=10;i++){ 
$city.append($("<option/>").attr("value",i).text("可以选择的城市第:" +i)); 
} 
//$city.width("100px");//IE6.0下需要自己调整下拉框的宽度 
var t=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> 
<form id="form1" runat="server"> 
<select id="ddlProvince" name="ddlProvince"> 
<option value="0">请选择</option> 
<option value="1">北京</option> 
<option value="60">重庆</option> 
<option value="101">广东</option> 
</select> 
<select id="ddlCity" name="ddlCity"> 
<option value="0">请选择</option> 
</select> 
<!-- <option value="0">请选择</option> 将ddlCity中的全部option清除--> 
<asp:Button ID="butSave" runat="server" onclick="butSave_Click" Text="Button" /> 
</form> 
</body> 
//==========End 测试代码=================== 
 
测试说明: 
A:静态select项目 
静态select项目(可以通过服务器端脚本填充),可以直接使用$("#下拉框id").val(选中的value)进行设置. 
设置后使用$("#下拉框id").val();可以正确获取其值. 

B:有一项静态的 
包含动态创建立的option时,使用$("#selectId").val() 
动态创建的(包含一项静态的option如: <option value="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宽度,需要手动调整.

内容总结

以上是互联网集市为您收集整理的jquery select下拉框操作的一些说明全部内容，希望文章能够帮你解决jquery select下拉框操作的一些说明所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371541.html

来源：【匿名】