2017-02-10 5 views
1

<select><option>のJavaScriptを2つの項目で作成しようとしていますが、そのうちの1つが選択されてもイベントを実行できないようです。JavaScriptでオプションhtmlを選択する

var e1 = document.getElementById("#selector").option[0].text; 
 
var e2 = document.getElementById("#selector").option[1].text; 
 
var e3 = document.getElementById("#selector").option[2].text; 
 
document.querySelector("e1").addEventListener("click", myInfo, false); 
 

 
function myInfo(){ 
 
    alert("Test"); 
 
}
<select id="selector"> 
 
    <option value="" disabled="disabled" selected="selected">Select a layout</option> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
</select>

+1

これは[jQuery](http://jquery.com/)ライブラリを使用するとずっと簡単です。それはあなたのための選択肢ですか? – GentlemanMax

+0

あなたは解決しようとしている問題を教えていただけますか?さらに、 'document.querySelector(" e1 ")'は要素 ' 'を探していますが、'