选择第一个非空选项。

Question

有人知道如何在中实现自动选择（autoselect）吗？我的意思是，即使有一个空选项，selectbox仍将显示具有值的选项。 有人知道如何在jQuery中实现吗？ HTML代码： <select name="name"> <option></option> <option>Mark</option> </select> <select name="age"> <option></option> <option>16</option> </select>

- user3352395

---

你可以在没有值的选项之前放置一个带有值的选项。 - fiction

这可能对您有所帮助：http://stackoverflow.com/questions/4354455/how-to-autoselect-option-depending-on-inputs-value - Suman Bogati

只需在所选内容上设置“selected”即可。 - adeneo

Answer 1

希望这能帮到你：

HTML:

HTML：

<select name="name">
<option></option>
<option>Mark</option>
</select>

<select name="age" id='some'>
<option></option>
<option>16</option>
</select>

JQuery：

$($('#some').children()[1]).attr('selected',true)

- ashbuilds

Answer 2

如果有多个空的，并且没有顺序，我想这是最好的解决方案：

jsFiddle Live Demo
我们在这里做的是，通过each循环检查每个：

 $('select').each(function()
 {

 });

在循环内部，我们查找第一个选项，它是非空的。

$(this).find('option:not(:empty)').first()

并通过prop使其被选中：

$(this).find('option:not(:empty)').first().prop('selected',true);

整个jQuery和Html将是：

jQuery

  $('select').each(function()
  {
        $(this).find('option:not(:empty)').first().prop('selected',true);
  });

HTML

<select name="name">
    <option></option>
    <option>Mark</option>
</select>
<select name="age">
    <option></option>
    <option>16</option>
    <option>20</option>
    <option></option>
    <option>55</option>
    <option></option>
</select>

- Siamak Motlagh

Answer 3

如果您想对页面上所有的select框执行此操作，请使用以下代码：

$(function () {
    $('select').each(function () {
        $(this).find('option').not(':empty()').first().attr('selected', true);
    })
});

它抓取每一个select，查找first的option，该选项not empty（即：其中有文本），然后设置selected属性。

请参见fiddle。

- simbabque

Answer 4

不需要使用JavaScript来完成这个操作，如果你想选择（标记）一个元素，可以像这样实现

<select name="name">
<option></option>
<option selected>Mark</option>
</select>

在XHTML中：

<select name="name">
<option></option>
<option selected="selected">Mark</option>
</select>

- Sari Alalem