2011-08-12 9 views
0

イベントリスナーで(実行時に設定した)データのターゲットを照会したいとします。私のイベント私は「event.target.id」だけでなく、取得したいと思いリスナーが、また、「event.target.some_data_field_that_was_set_at_runtime」HTML/javascriptのイベントリスナーでクエリを選択オブジェクトにアタッチする

 <select id = "someid" > 
      <% list.each { |x| %> 

       <option> <%= x %></option> 

      <% } %> 
     </select> 

:私はそうのような実行時に選択要素を作成していますselectを拡張して自分のデータフィールドなどを追加するクラスをCSSで作成しますか?申し訳ありませんが、私はHTML/CSSもよく分かりません。そのクラスを作成して使用する方法の例を挙げることができますか?ありがとう!

+0

ASPのように見えます。それは...ですか?これは、HTML/CSS(ブラウザが見るもの)(最終的なソース)を使って作業する場合にはあまり役に立ちません。 –

答えて

0

「ランタイム」とは、あなたが(ASPのように見える)コードがサーバー上で実行されるときの標準を意味します。ブラウザのページ読み込み時には、別の答えがあります。

また、optionの値は十分ではありませんか?

とにかく、要素のコードをrelに設定してください。またはHTML 5 data- Attributesを使用します。例については

<select name="cars" rel="European only" -data-linked-input-id="carsInput"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="fiat">Fiat</option> 
</select> 
+0

クール、ありがとう、私は働くhtml 5データ属性を得ました。私は実際に2つのデータを埋め込みたいと思う(私は前部に言っておくべきである)、そしてこの方法はうまくいく。互換性の問題のようにhtml5を使用することに欠点はありますか?申し訳ありませんが、私はちょうどこのすべてのことについて学んでいます。大変感謝しています。 – dt1000

+0

私はこれのようなデータ属性を使用することの欠点は考えられません。 HTML5の 'DOCTYPE'を使用しない場合は、それ以外の場合は無害なバリデーションの警告が表示されます(検証する場合もそうです)。私はHTML5 'DOCTYPE'が使われているときに誤ったブラウザを聞いたことはありませんでしたが、IE6があれば驚くことはありません。 –

+0

優秀、ありがとうございます。 – dt1000

関連する問題