Как мне сделать этот SELECT / OPTION в HTML? (JavaScript)

Question

Предположим, у меня есть это:

<select id="myselect">
<option rel="a">1</option>
<option rel="b">2</option>
<select>

Как мне использовать JQuery, чтобы при замене $("#myselect") я оповещал «rel» часть опции (не 1 или 2)

Answer 1

$("#myselect").change(function() {
    alert($(this).find("option:selected").attr("rel"));
});

Answer 2

$("#myselect").change(function() {
    $("#myselect option:selected").each(function () {
        alert($(this).attr('rel'));
    });
});

Просто отметим, что мой код также будет работать, если у вас есть атрибут multiple="multiple" в элементе SELECT, предупреждающий оба значения.

Answer 3

Как насчет этого?

$("myselect").change(function(){
  $(this).children("option:selected").each(function () {
            alert($(this).attr('rel');
          });
});

Должно работать и для нескольких вариантов выбора.

Answer 4

Атрибут 'rel' не поддерживается для элемента option, вы должны использовать атрибут 'value', чтобы указать значение для ваших опций. Я уверен, что jQuery может извлечь это гораздо проще, чем неподдерживаемый атрибут.