Какой правильный способ связать больше данных с опцией выбора, чем просто "значение"

Мне нужно, чтобы мои данные были прикреплены к нему. больше, чем просто атрибут value.

Щас даю option поддельные атрибуты и и придавая им значение. Как я думаю, это не очень хороший способ сделать это.

Есть ли другой способ?

например, псевдокод

<forEach ...>
    <option value="1" userId="4" somespecialCode="c11" ... > 
         Description </option>
<end forEach>

редактировать: мне нужно поддерживать IE7+

Источник

2 ответа

Вы можете использовать атрибуты данных HTML5:

<option value="1" data-userId="4" data-somespecialCode="c11" ... >

Это делает ваш HTML действительным (при условии, что вы используете <!DOCTYPE html> в верхней части вашей страницы). Другой вариант - иметь объект JavaScript с данными, проиндексированными по значению параметра.

Источник

Посмотрите на атрибуты данных HTML 5.

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/all-you-need-to-know-about-the-html5-data-attribute/

<forEach ...>
    <option value="1" userId="4" data-somespecialCode="c11" ... > 
         Description </option>
<end forEach>
Источник
Другие вопросы по тегам