JQuery<Select>在IE下设置选中问题
2014-04-18 15:57
806 查看
JQuery<Select>在IE6下设置选中问题
在IE7下jquery对select设置选中值,一般采用的方式:
$("#select").attr("value",'<%=selectId%>');
$("#select").val('<%=selectId%>');
$("#select").get(0).value = '<%=selectId%>';
但是该JQuery语句IE6不支持,所以只能用循环,找到默认值的项,设置为选中状态:
1.
<script language="javascript" type="text/javascript">
$("#select").each(function(){
for(var i = 0; i < this.options.length; i++){
if(this.options[i].value == '<%=selectId%>'){
this.options[i].selected = "selected";
break;
}
}
});
</script>
2.
var count=$("#select")[0].length;
for(var i=0;i<count;i++)
{
if($("#select").get(0).options[i].value == "<%=selected%>")
{
$("#select").get(0).options[i].selected = true;
break;
}
}
如果下拉框的内容是动态加载进来的,会发现设置的选中状态无效,这时要先等待下拉框内容加载完毕再执行上面的方法,
setTimeout(function(){
$("#select").each(function(){
for(var i = 0; i < this.options.length; i++){
if(this.options[i].value == '<%=selectId%>'){
this.options[i].selected = "selected";
break;
}
}
});
</script>
},1000);
在IE7下jquery对select设置选中值,一般采用的方式:
$("#select").attr("value",'<%=selectId%>');
$("#select").val('<%=selectId%>');
$("#select").get(0).value = '<%=selectId%>';
但是该JQuery语句IE6不支持,所以只能用循环,找到默认值的项,设置为选中状态:
1.
<script language="javascript" type="text/javascript">
$("#select").each(function(){
for(var i = 0; i < this.options.length; i++){
if(this.options[i].value == '<%=selectId%>'){
this.options[i].selected = "selected";
break;
}
}
});
</script>
2.
var count=$("#select")[0].length;
for(var i=0;i<count;i++)
{
if($("#select").get(0).options[i].value == "<%=selected%>")
{
$("#select").get(0).options[i].selected = true;
break;
}
}
如果下拉框的内容是动态加载进来的,会发现设置的选中状态无效,这时要先等待下拉框内容加载完毕再执行上面的方法,
setTimeout(function(){
$("#select").each(function(){
for(var i = 0; i < this.options.length; i++){
if(this.options[i].value == '<%=selectId%>'){
this.options[i].selected = "selected";
break;
}
}
});
</script>
},1000);
相关文章推荐
- 用JQuery设置select标签或是DropList的<open>值
- 关于jquery select设置选中的问题
- Jquery mobile 解决IOS9<select><li>闪退问题
- jquery date 添加年月日<select><option>
- struts2中<s:radio>标签设置默认选中项
- 开发日志:<s:select>标签显示从后台传过来的空格问题
- 修改页面<s:select>默认选中
- IE8下Jquery获取select选中的值的问题
- <s:select>标签自动生成<tr><td>的问题~
- 基于jQuery的二级联动<select>
- IE8下Jquery获取select选中的值post到后台报错问题
- struts2 <s:textfield> value属性设置问题
- struts2 <s:select>理解以及默认值的问题
- Tomcat设置<welcome-file>显示首页问题
- Android ListView中设置的字体颜色显示错乱问题 && SparseArray<E>的使用
- Jquery jstree和<a>标签的冲突问题
- jquery判断asp.net<asp:Repeater>里面的checkbox是否选中
- JQuery,ajax异步加载<select><option></option></select>多选框:
- jQuery根据文本设置select选中失效问题
- 用jQuery实现<select>选项上下移动