2016-08-14 36 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)" > ...