动态给option设置selected后，select下拉框显示不正确，未显示默认值

最新推荐文章于 2022-12-28 09:33:41 发布

weixin_33735077

最新推荐文章于 2022-12-28 09:33:41 发布

阅读量1.4k

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2998098/blog/1526892

版权

2019独角兽企业重金招聘Python工程师标准>>>

如上图，设置了selected的option对应值为ef，但是select下拉框值却为ccccc，

下面是代码

//错误的代码
//代码如下时，首次select显示的是正确的ef，再次点击时却变为了ccccc，此时查看html如上图
   $（"option").removeAttr('selected');
   $（"option[value='01']").attr("selected",true);


//正确的代码
   $（"option").porp('selected',false);
   $（"option[value='01']").prop("selected",true);

  
//prop使用于固定属性，selected就是select下拉框的固定属性。
//attr适用于自定义属性，比如active


//html代码
 <select>
    <option>ccccc</option>
    <option value="02">ee</opiton>
    <option value="01">ef</opiton>
 </select>

转载于:https://my.oschina.net/u/2998098/blog/1526892