выбрать элемент окна выбора по номеру элемента в jQuery

0

Как выбрать элемент в поле "Выбрать" по его номеру в 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();

Я имею в виду, что я хочу переключить элемент, чтобы установить его по его числу.

Теги:

5 ответов

1
Лучший ответ

.val() - это функция, поэтому вы не можете присвоить ей значение, вам нужно использовать версию setter .val() для установки значения входного элемента

Вы можете получить доступ к первому значению параметра, используя значение индекса

var $select = $("#selectbox");
$select.val($select.children().first().val())
//$select.val($select.children().eq(0).val())

Демо: скрипка

  • 0
    Один вопрос, мне нужно установить переменную для него? Хорошо ли $ ("# selectbox"). Val ($ ("# selectbox"). Children (). First (). Val ())?
  • 0
    @ComputerUser да, это нормально, но так как селектор используется дважды, лучше кэшировать элемент
0
$("#selectbox").val($("#selectbox option:nth-child(0)").val());

Где 0 может быть любое число, конечно

0

используя javascript:

var select=document.getElementById("selectbox")
var options=select.getElementsByTagName("option")
select.value=options[0].innerHTML
0

Для меня это был бы самый ясный подход:

$("#selectbox option").eq(1).prop('selected',true);

Обратите внимание, что параметр функции eq() обрабатывается так же, как вы должны получить доступ к массиву. Таким образом, второй элемент равен eq(1)

0

Я хотел сделать это плагином.

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню