Значение выбора HTML Dropdown

Question

У меня есть следующий код:

<select>
<option value="blablabla">Test</option>
<!-- ... -->
</select>

Но я хочу знать, могу ли я установить атрибут «value» тега option как ссылку на объект (в javascript).

Answer 1

Значение параметра должно быть «строкой» (эта строка может быть числом).

То, что вы хотите сделать, немного необычно, но может быть сделано (но я думаю, что есть лучшие способы достичь того, что вы хотите сделать) ... Вы можете сериализовать свой объект и установить его в значение, но это будет нечетный.

Вы также можете индексировать эти ссылки в массиве, а затем установить его индекс в значении опции ...

Answer 2

Атрибутом «value» может быть число, которое вы можете использовать позже в javascript для ссылки на объект в массиве.

Answer 3

Как это часто бывает, ответ может быть.

Единственный способ, которым я могу думать об этом, - это иметь массив объектов и иметь индексы массива, равные значениям, найденным в выпадающем списке.

Конечно, в зависимости от контекста того, что вы пытаетесь сделать, это может быть или не быть полезным. Например, скажем, вы хотите, чтобы DIV появлялся / исчезал в зависимости от выбора. В этом случае вам не понадобится массив, так как вы можете просто поместить имя элемента управления в поле VALUE и выполнить его поиск.

Answer 4

Ваш вопрос немного неясен. Вы можете установить значение элемента в соответствии со значением выбранного параметра:

<select id="mySelect">
  <option value="goose">Goose</option>
  <option value="gander">Gander</option>
</select>

var myObj = {a:"",b:true};
document.getElementById("mySelect").onchange = function() {
  myObj.a = this.value;
  alert(myObj.a);
}