在select的onchange()事件中撤销更改

问题：当在select选中一个option时，不让其选择该option，依旧选择之前的option.

设想：在select的onchange事件中，改变option的 selected 属性。

if(($(this).val() == '14') || (Number($(this).val()) < Number(stage))){
    $("#stage").find("option[value=" + stage +"]").attr("selected",true);
    showMsg("线索状态不可逆转");
}

试了好久不行，以为思路错误，在网上搜索各种资料，发现没有这样解决问题的。

最好查找 “HTML中select的option设置selected="selected"无效的解决方案”时，发现此时应该使用prop( )方法修改selected属性！

if(($(this).val() == '14') || (Number($(this).val()) < Number(stage))){
    $("#stage").find("option[value=" + stage +"]").prop("selected",true);
    showMsg("线索状态不可逆转");
}

修改后解决问题。

 

记得之前设置 <checkbox> 的 checked 好像也遇到过使用prop( )还是attr( )的问题。真是不长记性啊！...

 

在之前的JQuery版本中，都是使用attr()来访问对象的属性，比如取一个图片的alt属性，就可以使用$(".img").attr("alt");但是在某些时候，比如访问input的disabled属性的时候就就会有些问题。在一些浏览器里，只要写了disabled属性就可以产生效果，但是在一些浏览器上就要写disabled="disabled"才能产生效果。所以，从1.6版本开始，jQuery提供新的方法prop()来获取这些属性。使用prop()的时候，返回值是标准属性：true/false， 比如$("checkbox").prop('disabled'),不会返回'disabled'或者“ ”，只会返回true/false。

所以：

1）只添加属性名称就可以使属性生效的就应该使用attr();

2）只存在true/false的属性应该使用prop()。

• 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
• 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。