0

Установить значение по умолчанию в выпадающем списке с помощью jQuery

2

У меня есть множество опций в выпадающем списке:

<option value="1">it's me</option>

Мне нужно выбрать опцию, которая имеет текстовое значение it's me внутри тега, а не по атрибуту, например, по значению 1.

Как я могу сделать это с помощью jQuery?

5 ответ(ов)

0

Вы можете сделать это следующим образом:

$('#myCombobox').val(1);
0

Для того чтобы метод val() нормально работал как с значением, так и с текстом элемента <option>, достаточно просто убедиться, что оба варианта используются корректно. В вашем примере $('select').val('1') и $('select').val("it's me") будут выбирать элемент с текстом "it's me", так как значение value этого <option> равно '1'.

Вот пример, как это можно реализовать:

<select>
  <option value="1">it's me</option>
  <option value="2">not me</option>
</select>

Скрипт для выбора:

// Выбор по значению
$('select').val('1'); // выбирает элемент с текстом "it's me"

// Выбор по тексту
$('select').val("it's me"); // также выбирает элемент с текстом "it's me"

Однако важно помнить, что метод val() работает только с атрибутом value. Поэтому, если вы хотите, чтобы код работал с текстом, вам нужно сначала получить соответствующее значение:

$('select option').each(function() {
  if ($(this).text() === "it's me") {
    $(this).prop('selected', true);
  }
});

Таким образом, метод val() по умолчанию не может выбирать элемент по тексту, только по значению. Но вы можете написать дополнительную логику, чтобы достигнуть нужного результата.

0

Ваш код использует jQuery для изменения состояния выбранных опций в элементе <select> с идентификатором userZipFiles.

Строка $('#userZipFiles option') выбирает все опции внутри селекта. Затем метод prop используется для установки свойства selected у каждой опции.

Функция, переданная в prop, возвращает значение this.defaultSelected, что означает, что если опция была по умолчанию выбрана, она станет выбранной. Таким образом, все опции, которые были выбраны по умолчанию, будут снова выбраны.

Если возникли вопросы по этому коду или вы хотите узнать больше о его работе, не стесняйтесь спрашивать!

0

Вам нужно выбрать элемент <option> с текстом "it's me" в выпадающем списке с помощью jQuery. Ваш код, который вы предоставили, имеет небольшую ошибку в селекторе. Вместо option[text='it\'s me'] следует использовать option:contains("it's me"). Вот исправленный вариант:

$("#dropdownList option:contains(\"it's me\")").attr("selected", "selected");

Этот код находит элемент <option> с текстом "it's me" внутри элемента #dropdownList и устанавливает его свойство selected в значение "selected". Если вам нужно, чтобы выпадающий список отображал именно этот вариант при загрузке страницы, то такой подход сработает корректно.

0

Для того чтобы выбрать элемент option с значением Wednesday в select с идентификатором cboDays, вы можете использовать следующий код на jQuery:

jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");

Этот код находит нужный элемент option и устанавливает его атрибут selected, что делает его выбранным в выпадающем списке. Если вам нужно, чтобы это отражалось на самом элементе select, вы также можете использовать метод .prop(), который лучше подходит для установки свойств:

jQuery("select#cboDays option[value='Wednesday']").prop("selected", true);

Использование .prop() вместо .attr() в данном случае является лучшей практикой, так как оно работает с свойствами DOM, а не с атрибутами HTML.

Чтобы ответить на вопрос, пожалуйста, войдите или зарегистрируйтесь