javascript - 「値」だけでなく、より多くのデータを選択オプションに関連付ける正しい方法は何ですか

Question

より多くのデータを添付する必要があります。値属性だけではありません。

現在、私はoption偽の属性を与え、それらに値を与えています。これは良い方法ではないと思います。

別の方法はありますか？

例：疑似コード

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

編集：IE7 +をサポートする必要があります

score 4 · Accepted Answer

HTML5データ属性を使用できます。

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

<!DOCTYPE html>これにより、HTML が有効になります (ページの上部で使用していると仮定します)。もう 1 つのオプションは、オプション値でインデックス付けされたデータを含む JavaScript オブジェクトを持つことです。

score 0 · Accepted Answer

HTML 5 のデータ属性を見てください。

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

2 に答える 2