如何使用jquery从选项中删除"selected"属性

Question

我取消选中此选项时,我想从选项元素中删除"selected"属性.我不想让价值虚假或任何东西......我只是想删除这个属性.我的代码就像

$(function() {
  $("#deployselect").multiselect({
    click: function( event, ui ) {
      if(ui.checked==false){
        $("#deployselect option[value='"+ui.value+"']").removeAttr("selected");
      }
    }
  });
});

我生成的HTML就像这样

<option value="68" selected>A1</option>
<option value="49" selected>A2</option>
<option value="69" selected>A3</option>

所以,即使我把"attr"或"prop"弄错也不行.:(

Answer 1

如果要取消选择它,请更改以下行:

$("#deployselect option[value='"+ui.value+"']").removeAttr("selected");

至

$("#deployselect option[value='"+ui.value+"']").prop("selected", false);

实例 | 资源

(假设jQuery 1.6或更高版本;对于早期版本,请更改prop为attr.)

一旦将HTML解析为DOM,该option元素就会有一个属性selected,该selected属性从HTML中的属性获取其初始值(默认为false).所以一旦你处理了DOM元素,你就会处理一个布尔属性,而不再是一个属性.