HTML 4で特定のタグの情報を保存するための代替手段を教えてもらえますか?たとえば、次のようなドロップダウンがある場合
<select>
<option value="0" regionId="1">Test1</option>
<option value="1" regionId="2">Test2</option>
</select>
ここで、regionIdはカスタム属性であり、属性にアクセスできますが、W3CHTML検証が失敗します。これについて何か提案はありますか?
HTML 4で特定のタグの情報を保存するための代替手段を教えてもらえますか?たとえば、次のようなドロップダウンがある場合
<select>
<option value="0" regionId="1">Test1</option>
<option value="1" regionId="2">Test2</option>
</select>
ここで、regionIdはカスタム属性であり、属性にアクセスできますが、W3CHTML検証が失敗します。これについて何か提案はありますか?
JSonでjavascriptを使用できます。これは広く使用されており、JSonを生成するための多くの言語のサポートライブラリがたくさんあります。
jQuery などの JavaScript ライブラリを使用できます。必要な任意の dom onject にデータを設定できます。あなたの例では、またはを使用してこの情報を使用および$('select > option[value=0]').data('regionId', '1')
取得できます。純粋な HTML の方法は、情報を保存できる有効な属性を見つけることですが、属性を誤用しているため、ほとんどの場合、それは悪い習慣になります。ここでは、html タグごとのすべての有効な属性のリストを見つけることができます:
http://www.htmldog.com/reference/htmltags/$('select > option[value=0]').data('regionId')
$('select > option[value=0]').regionId
HTMLとdata-*
属性を使用します。HTMLタグで属性を作成できますか?を参照してください。
通常の id 属性を使用しないのはなぜですか?
<select>
<option value="0" id="region_1">Test1</option>
<option value="1" id="region_2">Test2</option>
</select>
有効な HTML を持つために、独自の custon 属性を使用することはできません。ただし、OPTION を使用すると、この種の情報に id、class、または title を使用でき、id がニーズに最適です。
編集: ID には数字のみを含めてはならないため、属性にアクセスしているコード内で削除できる「region_」を追加しました。