用jQuery的attr()设置option默认选中无效的解决

最新推荐文章于 2019-09-10 14:53:04 发布
最新推荐文章于 2019-09-10 14:53:04 发布
阅读量6k 收藏 3
点赞数 1

表单下拉选项使用selected设置，发现第一次默认选中成功，在页面不刷新的情况下，再次下拉，selected属性设置了，默认选中不生效

 在手机端有些浏览器用jQuery的attr()方法设置selected无效。

研究发现是浏览器兼容的问题

一，解决浏览器缓存问题，在HTML中给<select>标签加上autocomplete="off"属性

二，jQuery中添加selected属性使用.prop("selected",true)进行添加



转载自：http://www.cnblogs.com/bndong/p/6148974.html

西城晚风688
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jquery select 设置默认选中的示例代码
12-09
代码如下： 其中<%=selectedvalue %>为从后台获取的值 $(document).ready(function(){   $(“#seltype”).attr(“value”,parseInt(‘<%=selectedvalue %>’)); })
标签属性disabled selected checked等布尔类型赋值不生效？
秋来九月八
06-26 1557
探究原生html vue react中标签布尔属性传值的不同表现
用jQuery的attr()设置option默认选中无效的解决 attr设置属性失效
weixin_30616969的博客
03-25 446
表单下拉选项使用selected设置，发现第一次默认选中成功，在页面不刷新的情况下，再次下拉，selected属性设置了，默认选中不生效 在手机端有些浏览器用jQuery的attr()方法设置selected无效。 研究发现是浏览器兼容的问题 一，解决浏览器缓存问题，在HTML中给<select>标签加上autocomplete="off"属性 二，jQuery中添加sele...
jquery new Option（）使用
aoer2500的博客
04-12 920
new option(text,value,defaultSelected,selected) text:字符串，指定option对象的text属性(即<option></option>之间的文字) value:字符串，指定option对象的value属性 defaultSelected:布尔值，指定option对象的defaultSelected属性 s...
select标签中options点击事件无效的问题
梦凝哲雪
09-02 3053
直接给options 点击事件 在谷歌浏览器 无效 新版EDG有效 HTML代码 <select> <option οnclick="find('China')" >中国</option> </select> Javasccriot代码 function find(value){ alert(value); //谷歌无法弹出框 } 退而求...
jquery设置select选中不起作用
热门推荐
x1172031988的专栏
09-19 1万+
jquery设置select下拉框切换几次之后不起作用 原本使用$("#selectId").find(“option[value=‘val’]”).attr(“selected”, true)设置option选中，发现只在第一次切换时有用，第二次切换就不起作用了。 后面发现浏览器有兼容性问题，这种设置方法不好使，需要只用jquery的prop()方法赋值。 $("#selectId").find...
jQuery使用attr()方法同时设置多个属性值用法实例
10-24
主要介绍了jQuery使用attr()方法同时设置多个属性值的用法,实例分析了jQuery中attr方法实现多个属性设置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
jquery如何根据值设置默认的选中项
12-11
代码如下: $(“#objtype option[value='{$_GET[objtype]}\u2019]\u201d).attr(\u201cselected\u201d,true); $(\u201c#charttype option[value='{$_GET[charttype]}’]”).attr(“selected”,true);
jQuery checkbox选中问题之prop与attr注意点分析
10-21
主要介绍了jQuery checkbox选中问题之prop与attr注意点,结合form表单实例形式分析了针对火狐浏览器下checkbox失效情况的处理技巧,需要的朋友可以参考下
JQuery 使用attr方法实现下拉列表选中
10-25
实现下拉列表选中的方法有很多，这篇文章主要介绍了JQuery 使用attr方法的具体实现，需要的朋友可以收藏下
设置select的指定option项不可选择
康师父Blog
01-27 1万+
上衣     裤子         书包     提包   实现效果
jquery实现select里面不能选择重复option的内容
ersorn
01-09 1546
//选中的订单不能重复 function selectOption(types){ //alert($(types).children("option:selected").index()); var indexs = $(types).children("option:selected").index(); if(indexs&gt;0){ ...
禁止select下拉框的其中某个选择项不能被选择 .
u010865136的专栏
11-12 1万+
select [html] view plaincopyprint? select name='Grade' class='s8'>  option value=''>— 请选择 —option>?  optgroup label='学期教育'>optgroup>option value='18'>  学期教育option>  optgroup label='小学'>o
[踩坑]给radio的checked多次赋值，select的selected多次赋值，attr不起作用
weixin_44945942的博客
09-10 550
在某个项目中，要根据每个item的不同的条件对radio的checked进行赋值， $(“input[name=’ ']”).attr(“checked”,true); 多次赋值，会发现attr不起作用的情况。 于是将attr改成prop： $(“input[name=’ ']”).prop(“checked”,true); 解决了 ...
js设置下拉框选中后change事件无效解决
chunyouhai5703的博客
11-08 1899
下拉框部分代码： <select id="bigType"> <option value="">请选择</option> <option value="1">xiamen</option> ...
分行业城镇非私营单位就业人员平均实际工资指数(2004-2011年).xls
05-05
数据来源：中国劳动统计NJ-2023版
（更新至2022年）分行业城镇非私营单位就业人员年末人数.xls
最新发布
05-05
数据来源：中国人口与就业统计NJ-2023版
jquery 设置attr django
09-01
jquery 是一种广泛使用的JavaScript 库，用于简化JavaScript 编写和处理网页的过程。而 Django 是一种使用 Python 编程语言开发的高级开源Web应用框架，用于开发复杂的Web应用和网站。 在使用 Django 开发网页时，我们可以通过使用 jquery 的 attr() 方法来设置 Django 的属性（attribute）。attr() 方法用于设置或返回被选元素的属性值。常见的使用方法如下： 1. 设置属性值：我们可以使用 attr() 方法将一个值设置给指定的属性。例如： ``` $("div").attr("title", "Django 教程"); ``` 这行代码将把所有 div 元素的 title 属性设置为 "Django 教程"。 2. 设置多个属性：如果我们需要设置多个属性，可以使用一个对象来传递属性和对应的值。例如： ``` $("div").attr({ "title": "Django 教程", "class": "django" }); ``` 这行代码将把所有 div 元素的 title 属性设置为 "Django 教程"，同时设置它们的 class 属性为 "django"。 需要注意的是，attr() 方法是针对被选元素的第一个元素进行操作。如果需要设置所有符合选择器条件的元素的属性，可以使用 each() 方法遍历所有元素。 总结来说，通过使用 jQuery 的 attr() 方法，我们可以方便地设置 Django 元素的属性值，从而灵活地操作网页的各个组件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值