jQuery取消选择下拉菜单

Question

我有状态的下拉菜单。第一个选项是“请选择状态”，其值为0，但是当用户从上一页中选择一个状态并且它以某种方式获取状态并选择它时，总是选择状态。我希望它的值为0。

我有这个代码......

$('#shipstate option').attr('selected', '');

但是这会将我的所有选项设置为选中。

我做错了什么？

Answer 1

您想要将恰好是select的元素的值设置为0，现在将此短语转换为jquery：

$('#shipstate').val(0) 

Answer 2

试试这个：

$('#shipstate').val('');

OR

$('#shipstate').val(0);

这将选择默认即。第一个option。

你也可以这样做：

$('#shipstate').attr('selectedIndex', 0);

Answer 3

您可以使用.val() jquery api直接将值设置为select元素。

方法： .val()

获取匹配元素集中第一个元素的当前值或设置每个匹配元素的值。

参考：http://api.jquery.com/val/

$('#shipstate').val(0);

Answer 4

您可以使用以下方法选择该选项。

 $('#shipstate option[value="0"]').prop('selected', true);

这是取消选择该选项的最佳方法。

 $('#shipstate option[value="0"]').prop('selected', false);