[英]How to trigger JQUERY on Event?
I would like to make a selection box when clicked, the items on the left will shift to right automatically. 我想在单击时创建一个选择框,左侧的项目将自动移到右侧。 However, using trigger I cannot achieve this.
但是,使用触发器我无法实现这一点。 Here is my code.
这是我的代码。
<script type="text/javascript">
$( document ).ready(function(){
$('#assignedSelected').on('click',function(){
$('#unassignedItems option:selected').clone().appendTo('#assignedItems');
$('#unassignedItems option:selected').remove();
});
$('#assignedItems').on('click','option', function(){
$('#assignedSelected').trigger('click');
});
});
</script>
<table class="selectArea">
<tr>
<td>
<select id="unassignedItems" name="unassignedItems" class="selectBox" size="8" multiple>
<option value="A">A</option>
</select>
</td>
<td class="selectButtonPanel">
<input type="button" id="assignedSelected" class="selectButton" value=">">
</td>
<td>
<select id="assignedItems" name="assignedItems" class="selectBox" size="8" multiple>
<option value="1">1</option>
</select>
</td>
</tr>
</table>
You can't bind click on select options, use .change() instead 您不能绑定单击选择选项,而是使用.change()
$('#assignedItems').on('change', function(){
$('#assignedSelected').trigger('click');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.