Выберите второе значение selecbox

Question

Можно ли сделать второй вариант, выбранный с помощью jquery, css или что-то еще? Я думал об использовании css nth-child, но не знаю, как это сделать на практике. Любые предложения? :)

Answer 1

Вы можете попробовать это (используя jQuery)

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

DEMO.

Answer 2

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

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);