Question

如果我有以下代码，

makeDomainBeautiful

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

Answer 1

一种解决方案是使用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>

Answer 2

您可以使用eq selector

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

Answer 3

创建选择器的多种方法

 $('#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')

Answer 4

您可以尝试“选项＃1”

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

返回select的第一个选项

4 个答案: