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()

＆＃13;

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

＆＃13;

<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" />

＆＃13;

Answer 2

您可以使用jQuery eq()选择器。

 $("inputSelector").val($("SelectSelector option:eq(1)").val());

Answer 3

使用options和value获取值。

var option = document.getElementById("list").options[1].value; // return 1"

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

3 个答案: