如何使第一个选项<选择>与jQuery选择

我如何使第一个选项的选择与jQuery?

<select id="target">
  <option value="1">...</option>
  <option value="2">...</option>
</select>

当前回答

更改选择输入的值或调整所选属性会覆盖DOM元素的默认selectedOptions属性，导致元素在调用了重置事件的表单中可能无法正确重置。

使用jQuery的prop方法清除和设置所需的选项:

$("#target option:selected").prop("selected", false);
$("#target option:first").prop("selected", "selected");

其他回答

$("#target").val($("#target option:first").val());

在James Lee Baker的回复后面，我更喜欢这个解决方案，因为它消除了对浏览器支持的依赖:first:selected…

$('#target').children().prop('selected', false);
$($('#target').children()[0]).prop('selected', 'selected');

对我来说，它只在我添加以下代码时起作用:

.change ();

对我来说，它只在我添加以下代码时起作用: 因为我想要“重置”表单，也就是说，选择表单的所有选择的所有第一个选项，我使用了以下代码:

$(“形式”);(“选择”). each(函数(){ (美元)。瓦尔($(“选择选项:第一”).val ()); (美元).change (); })；

Use:

alert($( "#target option:first" ).text());

你可以试试这个

$("#target").prop("selectedIndex", 0);

推荐文章