Как выбрать первый элемент в раскрывающемся меню с помощью jquery?

Я хочу знать, как выбрать первый вариант во всех тегах select на моей странице с помощью jquery.

попробовал это:

$('select option:nth(0)').attr("selected", "selected");

Но не работает

ОТВЕТЫ

Ответ 1

Попробуйте это...

$('select option:first-child').attr("selected", "selected");

Другим вариантом будет что-то вроде this, но он будет работать только для одного раскрывающегося списка за раз, как указано ниже:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

Взгляните на это сообщение о том, как установить на основе значения, его интересного, но не поможет вам в этой конкретной проблеме:

Измените выбранное значение раскрывающегося списка с помощью jQuery

Ответ 2

Ваш селектор ошибочен, вероятно, вы искали

$('select option:nth-child(1)')

Это также будет работать:

$('select option:first-child')

Ответ 5

Вероятно, вы хотите:

$("select option:first-child")

Что этот код

attr("selected", "selected");

выполняет настройку "выбранного" атрибута на "выбранный"

Если вы хотите использовать выбранные параметры, независимо от того, является ли он первым, селектор:

$("select").children("[selected]")

Ответ 6

если вы хотите проверить текст выбранной опции, независимо от того, является ли ее 1-й ребенок.

var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}

Ответ 7

    var arr_select_val=[];

    $("select").each(function() { 
        var name=this.name;
            arr_select_val[name]=$('select option:first-child').val();
    });


// Process the array object
     $('.orders_status_summary_div').print(arr_select_val);

Ответ 8

Я отвечаю, потому что предыдущие ответы перестали работать с последней версией jQuery. Я не знаю, когда он перестает работать, но в документации говорится, что .prop() был предпочтительным методом получения/установки свойств с jQuery 1.6.

Вот как я получил его для работы (с jQuery 3.2.1):

$('select option:nth-child(1)').prop("selected", true);

Я использую knockoutjs, и привязки изменений не стреляли с указанным выше кодом, поэтому я добавил .change() в конец.

Вот что мне нужно для моего решения:

$('select option:nth-child(1)').prop("selected", true).change();

См. примечания .prop() в документации: http://api.jquery.com/prop/