javascript - 从选择中获取特定选项元素

Question

我有一个选择列表，例如

<select id="list">
   <option value="">Select something</option>
   <option value="1">Uno</option>
   <option value="2">Two</option>
   <option value="3">Trois</option>
</select>

对于 jQuery，我想选择第二个选项，获取值并将其放入隐藏输入中。

我这样做:

$('#IdOfTheInput').val( $($('#list option')[1]).attr('value'); );

但我不知道是否有更好的方法来做到这一点，因为这是很常见的事情，而且闻起来不太理想。

谢谢!

Answer 1

如果您想要按索引选择选项，则可以使用 .eq()并使用.val()

$('#IdOfTheInput').val($('#list option').eq(1).val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="list">
  <option value="">Select something</option>
  <option value="1">Uno</option>
  <option value="2">Two</option>
  <option value="3">Trois</option>
</select>

<input id="IdOfTheInput" />