2013-10-11 86 views
1

的NiceForm jQuery的下拉更改事件改變不工作我的代碼是在這裏的NiceForm jQuery的下拉更改事件不改變工作

<select style="width:1px;" class="NFhidden" size="1" id="aics_Enquiry" name="aics_Enquiry"> 
    <option value="0">General enquiry</option> 
    <option value="1"> Request a statement</option> 
    <option value="2"> Feedback</option> 
    <option value="3"> Other</option> 
</select> 

,並導致HTML代碼是在這裏..

<div class="NFSelect" style="width: 5px; left: 767px; top: 593px; z-index: 999;"><img src="/templates/liberty/images/0.png" class="NFSelectLeft"> 
<div class="NFSelectRight">Feedback</div> 
<div class="NFSelectTarget" style="display: none;"> 
<ul class="NFSelectOptions"> 
<li><a href="javascript:;">General enquiry</a></li> 
<li><a href="javascript:;">Request a statement</a></li> 
<li><a href="javascript:;" class="NFOptionActive">Feedback</a></li> 
<li><a href="javascript:;">Other</a></li> 
</ul> 
</div> 
</div> 
<select style="width:1px;" class="NFhidden" size="1" id="abc" name="abc"> 
<option value="0">General enquiry</option> 
<option value="1"> Request a statement</option> 
<option value="2"> Feedback</option> 
<option value="3"> Other</option> 
</select> 

更改事件不工作作爲我的jQuery代碼是這裏改變事件

$("#abc").change(function(){ 
// Code implementation in change event 
}); 

但它不工作,因爲在這裏選擇html標籤是不會改變的。選中並選中 項目將轉換爲div標籤。

所以我的問題是,如果我想使用下拉更改事件。我怎麼能夠?

重播讚賞提前

感謝

回答

0

您的jQuery應該是:

$(document).on('change', '#abc', function(){ 
    // code 
}); 

使用on目標動態生成或創建的頁面加載後的元素。