Question

是否可以使用jquery，css或其他任何选项来选择第二个选项？我想过使用css nth-child，但不知道如何在实践中这样做。有什么建议？：）

Answer 1

$('#select-id option:nth-child(2)').prop('selected', true);

Answer 2

您可以尝试此操作（使用jQuery）

$(function(){
    $('select option:eq(1)').prop('selected', 1);
});

DEMO.

Answer 3

我假设默认选择第一个选项。

使用Jquery：

$('option:selected', 'select').removeAttr('selected').next('option').attr('selected', 'selected');

Answer 4

<option>1</option>
<option selected>2</option>

Answer 5

您是否尝试将第二个选项设为“已选择”？

<select name='s'>
    <option value='1'>1</option>
    <option value='2' selected='selected'>2</option>
</select>

Answer 6

嗯。到目前为止，建议不适合我。这是我正在使用的完整布局：

jQuery('.priceselector  option:nth-child(2)').prop('selected', true);

<select name="super_attribute[145]" id="attribute145" style="padding:6px;"
class="priceselector required-entry super-attribute-select">

<option value="">Choose an Option...</option>
<option value="14" price="1500">20" (w) x 24" (h) Framed  +$1500.00</option> --This needs to bee selected by default
<option value="15" price="1200">20" (w) x 24" (h) Unframed  +$1200.00</option>
<option value="18" price="2500">30" (w) x 40" (h) Framed +$2500.00</option>
<option value="17" price="2000">30" (w) x 40" (h) Unframed +$2000.00</option>
<option value="16" price="300">8" (w) x 10" (h) Unframed +$300.00</option>
</select>

Answer 7

将选择框的值更改为由其中一个选项定义的值（如果需要，则触发更改事件）：

<select>
   <option>foo</option>
   <option selected="selected">bar</option>
</select>

$("select").val("foo").change();

或通过值或顺序手动选择选项值：

// deselect the previously selected value first
$("select option").prop("selected",false);

$("select option").eq(2).prop("selected",true);
$("select option[value=foo]").prop("selected",true);

选择选择框的第二个值

7 个答案: