javascript - 将选择的值设置为该选择的第一个 child

Question

我的代码为选择元素动态生成选项，但选项的确切值在创建时是未知的。 因此，我一直在尝试将我的 select 元素的选定值设置为第一个子元素，但无法在一行中这样做。 我可以分两行完成，但我想知道是否可以缩短一些。

<select id="selectElement">
   <option value="1">Optie 1</option>
   <option value="2">Optie 2</option>
</select>

$("#selectElement").val($(this).children(":first").val());

Answer 1

值得注意的是，大多数浏览器会自动为您选择第一个选项。

但是如果您出于某种原因需要这样做:您根本就离得不远，但是 this 并非来自该行的第一部分。相反:

var select = $("#selectElement");
select.val(select.children(":first").val());

或者我觉得这个更简单:

var select = $("#selectElement");
select.val(select[0].options[0].value);

或者改用选项的 selected 属性:

$("#selectElement")[0].options[0].selected = true;
// or with more jQuery
$("#selectElement > option:first").prop("selected", true);