Как выбрать элемент в поле "Выбрать" по его номеру в jQuery?
<select id="selectbox" style="width: 220px;">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
</select>
Подобно:
$("#selectbox").val() = $("#selectbox").Item[0].val();
Я имею в виду, что я хочу переключить элемент, чтобы установить его по его числу.
.val()
- это функция, поэтому вы не можете присвоить ей значение, вам нужно использовать версию setter .val()
для установки значения входного элемента
Вы можете получить доступ к первому значению параметра, используя значение индекса
var $select = $("#selectbox");
$select.val($select.children().first().val())
//$select.val($select.children().eq(0).val())
Демо: скрипка
$("#selectbox").val($("#selectbox option:nth-child(0)").val());
Где 0 может быть любое число, конечно
используя javascript:
var select=document.getElementById("selectbox")
var options=select.getElementsByTagName("option")
select.value=options[0].innerHTML
Для меня это был бы самый ясный подход:
$("#selectbox option").eq(1).prop('selected',true);
Обратите внимание, что параметр функции eq()
обрабатывается так же, как вы должны получить доступ к массиву. Таким образом, второй элемент равен eq(1)
Я хотел сделать это плагином.
;(function($){
$.fn.setByOptionIndex = function( idx ){
return this.each(function(){
var $select = $(this);
$select.val( $select.find('option').eq(idx - 1).val() );
});
}
})(jQuery);
Затем просто используйте его с:
$('select').setByOptionIndex(2);