在html标记中,我有一个简单的select options标记。使用jQuery,我可以通过更改选项获得数据ID,并且可以正常工作。但是我也有用于克隆选择选项的按钮。对于克隆的元素,通过执行更改时的警报数据ID不能正常工作。这是我的标记和js代码
HTML代码
<table>
<tr class="resource-data">
<td>
<select name="product" class="product-name">
<option value="apple" data-id="apple">Apple</option>
<option value="bus" data-id="bus">Bus</option>
<option value="car" data-id="car">Car</option>
<option value="duster" data-id="duster">Duster</option>
</select>
</td>
</tr>
</table>
<button type="button" class="btn btn-success pull-right add-new-data"> Add </button>
JS代码
<script type="text/javascript">
jQuery(document).ready(function(){
var FirstRow = jQuery("table tr.resource-data:first").clone();
jQuery('body').on('click','.add-new-data', function() {
var ParentRow = jQuery("table tr.resource-data").last();
FirstRow.clone().insertAfter(ParentRow);
});
jQuery('select.product-name').on('change', function(e) {
id = $(this).find("option:selected").data('id');
alert(id);
});
});
</script>
这也是Fiddle链接。那么有人可以告诉我如何提醒克隆的数据ID吗?任何帮助和建议将是非常可观的。谢谢
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句