html/javascript：htmlの要素が存在しない場合にonclickする方法

'option'（HTML select>オプション）をクリックしたときに関数を呼び出す方法要素がjavascriptで作成され、htmlに存在しない場合？私は、私はjqueryのか、AJAXを使用していないよここに、私のhtmlでhtml/javascript：htmlの要素が存在しない場合にonclickする方法

ちょうどjavascriptのですがあります。

<fieldset> 
    <legend>List...</legend> 

    <select id="select1" size="9" style="width:150px"> 
     <option>Select a person</option> 
    </select> 
</fieldset>

より多くのオプションが（人が）別の関数で作成され

出典

2016-08-14 vincent thorpe

[イベントが動的に作成された要素を上の結合？]の可能な重複（http://stackoverflow.com/questions/203198/event-binding-on-dynamically-作成された要素）。あなたがする必要があります。 –

選択の現在の値をテストするselectにクリックハンドラを置くだけで、選択の現在の選択が変更されたときに一般的な意味で知りたいのと比べて、オプション自体にクリックハンドラが必要なのはなぜですか？または2.クリックハンドラを作成時にオプションにバインドします。または3. selectにバインドされた委譲されたイベントハンドラを使用します。 – nnnnnn

-1

jqueryの

を使用しないのonchangeイベント

を使用します

document.body.onchange = function(e) { 
    if (e.target.tagName=='SELECT'){ 
     SelectedOption(e.target); 
    } 
} 
function SelectedOption(option){ 
    alert(option.value); 
    alert(option.id); 
}

セレクトコントロールから別の例

<select onchange="javascript:SelectedOption(event.target)" > ...

出典

2016-08-14 08:33:09

html/javascript：htmlの要素が存在しない場合にonclickする方法

答えて

関連する問題