Используйте jQuery для установки нескольких раскрывающихся значений по умолчанию без использования идентификатора элемента

Question

Я ввожу много данных во внутренние системы компании - есть страница ввода формы с несколькими раскрывающимися списками, где я постоянно выбираю одни и те же значения снова и снова. По независящим от меня причинам эти выпадающие поля не имеют идентификаторов - просто общий класс CSS. Я не копался в (удивительно сложном) HTML, поэтому я не уверен, почему они сделали это таким образом, но я думаю, что это ограничение, с которым я должен работать. Я пытаюсь сделать мою жизнь немного проще с помощью плагина Chrome, который будет устанавливать значения по умолчанию для формы.

Вот пример одного из полей со списком:

<select class="gwt-ListBox"><option value="">Select...</option><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh_CN">Chinese (simplified)</option></select>

На странице есть еще несколько, все без идентификатора.

Я думаю, что я хотел бы сделать это - перемещаться по выпадающим спискам на странице по какому-то порядковому номеру поля и соответственно устанавливать значения по умолчанию. Это возможно? Может ли кто-нибудь предоставить приблизительный код для одного или двух, и я экстраполирую оттуда? Не очень хорошо с jQuery, поэтому я очень ценю любую помощь, которую вы можете оказать!

Answer 1

Попробуй это. Первый параметр в каждом раскрывающемся списке должен быть выбран:

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

Edit:
Я имел в виду «первый», а не «первый ребенок».

Answer 2

Вы можете выбрать все поля «select» на странице с помощью $("select"), и вы получите массив объектов DOM для управления.Чтобы получить поля в одной форме, вы можете попробовать $("select", "form_or_div"), где вы хотите их получить.Третий способ - получить $("form")[0].elements, что даст вам все элементы в первой форме, которые найдут селектор jquery, изменив ключ в этом массиве, вы можете просмотреть все формы на странице.

В простом случае просто получитьjquery

$("select").each(function(i, item){
  console.log(i, item);
});

И если вы знаете, что количество элементов не меняется, вы можете управлять им.