2016-08-14 33 views
0

如何在點擊'選項'(HTML select>選項)時調用函數 當在javascript中創建該元素並且不存在於html中時? 這裏我沒有使用jQuery或AJAX,只是JavaScript的html/javascript:如何點擊html中不存在的元素

在我的HTML我只有:

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

    <select id="select1" size="9" style="width:150px"> 
     <option>Select a person</option> 
    </select> 
</fieldset> 
  • 更多選項(人)在另一個函數創建
+4

的[事件綁定上動態創建的元素?]可能的複製(http://stackoverflow.com/questions/203198/event-binding-on-dynamically-創造元素)。那應該是你的。 –

+1

只需在選擇測試選擇的當前值時選擇一個點擊處理程序 - 爲什麼您需要在選項本身上使用點擊處理程序,而相比之下,想要了解一般意義上的選擇當前選擇更改的情況?或者2.在創建該選項時將點擊處理程序綁定到該選項。或者3.使用綁定到select的委託事件處理程序。 – nnnnnn

回答

-1

使用onchange事件

不使用jquery

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)" > ...