作者:zccst
还原场景:
在IE9下,先在select追加一个option,再设select的默认值,当然都是使用jQuery。
(IE7/8/兼容模式,非IE浏览器都没有问题)
//如果是增量类型,且当前长度是2则追加每隔数小时的选项
if(this.$el.find("select[name='updateFrequency']").find("option").length === 2){
this.$el.find("select[name='updateFrequency']").append("<option value='3'>每隔数小时</option>"));
}
//给更新频率设值默认选项
//这种方式不行
this.$el.find("select[name='updateFrequency']").val(template.incrementFrequency);
//这种方式OK
//this.$el.find("select[name='updateFrequency']").find("option[value="+template.incrementFrequency+"]").prop("selected",true);
问题出在那里?问题出在这行
this.$el.find("select[name='updateFrequency']").append("<option value='3'>每隔数小时</option>"));
原因是:
IE9的解析原理与其他不同,
参考网址:
http://www.cnblogs.com/tinyphp/archive/2013/01/17/2865014.html
http://www.blogjava.net/CopyHoo/articles/246501.html
改进办法:
//如果是增量类型,且当前长度是2则追加每隔数小时的选项
if(this.$el.find("select[name='updateFrequency']").find("option").length === 2){
this.$el.find("select[name='updateFrequency']")[0].options.add(new Option("每隔数小时","3"));
}
//给更新频率设值默认选项
//这种方式OK
this.$el.find("select[name='updateFrequency']").val(template.incrementFrequency);
//这种方式OK
//this.$el.find("select[name='updateFrequency']").find("option[value="+template.incrementFrequency+"]").prop("selected",true);
最后再次注意:
this.$el.find("select[name='updateFrequency']")[0].options.add(new Option("每隔数小时","3"));
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
分享到:
相关推荐
jquery获得select option值
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
//为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=$(“#select_id”).val(); //获取Select选择的Value var ...
jquery获得selectoption值[文].pdf
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
基于Jquery模拟Select,解决IE显示问题
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
如下所示: var selector=$('<select></select>...以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
Jquery模拟select效果实现,纯自写,简单实用,可自行修改样式。
下面小编就为大家带来一篇Jquery遍历select option和添加移除option的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
简单实用的jquery select2组件
下面小编就为大家分享一篇用jquery获取select标签中选中的option值及文本的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select
jquery动态添加option js动态添加option 代码如下:var sel= document.getElementById(“Selected1”); sel.options.add(new Option(“请选择”,””));sel.options.add(new Option(“name”,”id”)); jquery...
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
NULL 博文链接:https://qiaolevip.iteye.com/blog/954053
然后发现并没有变化,查资料后才发现,如果要用jQuery给select标签动态添加option,需要这样写: $(#day).append(+i+); 采用上面那种写法时,应该用var obj=document.getElementById(“day”)来获取select标签,...
举例说明如何通过JQuery操作select
jQuery模拟Select下拉菜单选中添加代码是一款支持多选的下拉菜单选项选择插件,带搜索功能。