如何在事件上触发JQUERY?
问题描述:
我想点击一个选择框,左边的项目会自动移到右边。但是,使用触发器我无法实现这一点。 这是我的代码。如何在事件上触发JQUERY?
<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>
答
不能绑定点击选择选项,使用.change()代替
$('#assignedItems').on('change', function(){
$('#assignedSelected').trigger('click');
});
+0
我同意这是一个更好的习惯使用变化,而不是点击选择options.However,在我的情况下,点击事件也可以被浏览器捕获,但我想知道如何通过使用.on()来实现触发事件。 –
+0
你用什么触发事件使用.on()是什么意思? – Anton
可以分享你的HTML?更改事件对于选择标记更好。 – Praveen
尝试'$('#assignedSelected')。click()' –
@Murali反过来调用'.trigger('click')',所以没有任何帮助。 –