0

是否可以使用 jquery、css 或其他方式选择第二个选项？我想过使用css nth-child，但不知道如何在实践中做到这一点。有什么建议么？:)

4

7 回答 7

1

你可以试试这个（使用jQuery）

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

演示。

于 2013-10-08T16:02:35.223 回答
1

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

于 2013-10-08T15:58:51.010 回答
0 
<option>1</option>
<option selected>2</option>
于 2013-10-08T15:59:39.317 回答
0

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

<select name='s'>
    <option value='1'>1</option>
    <option value='2' selected='selected'>2</option>
</select>
于 2013-10-08T16:01:49.877 回答
0

唔。到目前为止，建议对我不起作用。这是我正在使用的完整布局：

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>
于 2013-10-08T16:02:40.720 回答
0

将选择框的值更改为由其中一个选项定义的值（并在需要时触发更改事件）：

<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);
于 2013-10-08T16:02:49.640 回答
0

我假设默认情况下第一个选项被选中。

使用jQuery：

$('option:selected', 'select').removeAttr('selected').next('option').attr('selected', 'selected');
于 2013-10-08T15:59:29.710 回答