Встановіть вибраний індекс спаду за допомогою jQuery

Як встановити індекс спаду в jQuery, якщо спосіб, який я знаходжу, такий:

$("*[id$='" + originalId + "']") 

Я роблю це таким чином, тому що я створюю елементи керування динамічно і оскільки ідентифікатори змінюються під час використання веб-форм, я знайшов це як обхід, щоб знайти мені деякі елементи управління. Але як тільки у мене є об’єкт jQuery, я не знаю, як встановити вибраний індекс на 0 (нуль).

Перш за все - цей селектор досить повільний. Він буде сканувати кожен елемент DOM, шукаючи ідентифікатори. Показник продуктивності буде меншим, якщо ви зможете призначити елементу клас.

$(".myselect")

Щоб відповісти на ваше запитання, існує кілька способів змінити значення вибраних елементів у jQuery

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

Щойно знайшов це, це працює для мене, і мені особисто легше читати.

Це встановить фактичний індекс так само, як і варіант відповіді номер 3 gnarf.

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

Це не працювало, але зараз ... див. Помилку: http://dev.jquery.com/ticket/1474

Додаток

Як рекомендується в коментарях, використовуйте:

$("select#elem").prop('selectedIndex', 0);

Я пишу цю відповідь у 2015 році, і чомусь (можливо, старіші версії jQuery) жодна з інших відповідей не працювала для мене. Я маю на увазі, вони змінюють вибраний індекс, але він фактично не відображається на фактичному спаді.

Ось ще один спосіб змінити індекс і насправді відобразити його у спадному меню:

$('#mydropdown').val('first').change();

Я використовую

$('#elem').val('xyz');

вибрати елемент опції, який має значення = 'xyz'

Код JQuery:

$("#sel_status").prop('selectedIndex',1);

Jsp код:

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

Ви хочете схопити значення першого параметра в елементі вибору.

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));

Щоб вибрати 2-й варіант

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

Тут ми додаємо "тригер" ("зміни"), щоб зробити подію запущеною.

$('#your-select-box-id :nth-child(2)').prop('selected', true).trigger('change');

$("[id$='" + originalId + "']").val("0 index value");

встановить його на 0

Виберіть 4-й варіант

$('#select').val($('#select option').eq(3).val());

Приклад на jsfiddle