清除select option selected属性失效

[海上小岛嗯]

html
<select class="form-control" id="taskType">
<option value="1">抓捕行动</option>
<option value="2" selected="selected">侦查行动</option>
</select>

js
$("#taskType").find("option[value='1']").removeAttr('selected');

显示页面


这是什么情况啊?bug吗?

[Hello World,]

你要选中值为2的选项的话用$("#taskType").val('2');就可以了，不用removeAttr……

[海上小岛嗯]

引用 8 楼 apollokk 的回复:

你要选中值为2的选项的话用$("#taskType").val('2');就可以了，不用removeAttr……

已解决

[天际的海浪]

$("#taskType").prop("selectedIndex",1);

[Hello World,]

它总得选中一个吧？1不选，2也没选，1在前面，默认还是选中了

[qq_34408221]

不明白你要表达的意思 你的意思是删除1 的属性就显示2？ 这样明显是错误的

[ambit_tsai-微信]

你写错了啊，value='2'，不是1

$("#taskType").find("option[value='2']").removeAttr('selected');

[ambit_tsai-微信]

如果你是要清空下拉框的值

$("#taskType").val('');

[海上小岛嗯]

我的叙述少了一点 在页面之后赋值了数据变成了 1选中 , 重新打开弹窗页面时,清空之前的操作,让select 重新选中2

[海上小岛嗯]

所以我做了,清除(选中1) removeAttr('selected') 但是没有作用,我进入页面调试,发现1的选中状态已被清除掉,但是页面展示还是选中1的状态

[ambit_tsai-微信]

引用 6 楼 海上小岛嗯的回复:

所以我做了,清除(选中1) removeAttr('selected') 但是没有作用,我进入页面调试,发现1的选中状态已被清除掉,但是页面展示还是选中1的状态

下拉框默认选择第一个