Question

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标签不会改变。选中并选中 item以div标签转换。

如何使用下拉列表更改事件？

Answer 1

你的jquery应该是：

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

使用on来定位动态生成的元素或在页面加载后创建的元素。

Niceform jquery下拉更改事件更改无效

1 个答案: