返回select的第一个选项

时间:2017-01-30 18:13:14

标签: javascript jquery

如果我有以下代码,

makeDomainBeautiful

如何在页面加载时返回第一个选项ID,而不是在选中时返回。我已经在jquery on load函数下尝试了onLoadId = $(&#39; #my_select option).attr(&#39; id&#39;)这样的东西,但是它没有用。< / p>

4 个答案:

答案 0 :(得分:0)

一种解决方案是使用eq()方法,它将匹配元素的集合减少到指定索引处的元素。

var x=$('#my_select option:eq(0)').attr('id');
console.log(x);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="my_select">
<option id=1>Option 1</option>
<option id=2>Option 2</option>
<option id=3>Option 3</option>
</select>

另一种方法是使用first()方法。

参见参考here

var x=$('#my_select option').first().attr('id');
console.log(x);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="my_select">
<option id=1>Option 1</option>
<option id=2>Option 2</option>
<option id=3>Option 3</option>
</select>

答案 1 :(得分:0)

您可以使用eq selector

   $('#my_select option:eq(0)').attr('id');

答案 2 :(得分:0)

创建选择器的多种方法

 $('#my_select option:eq(0)')
 $('#my_select option').eq(0)
 $('#my_select option:first')
 $('#my_select option').first()
 $('#my_select option:nth-child(1)')
 $('#my_select option:first-child')

答案 3 :(得分:0)

您可以尝试“选项#1”

$("#my_select option#1").attr('id')