我怎样才能使用jquery通过按钮向上和向下移动多选的选项? [英] How can I move selected option in multiselect up and down by buttons using jquery?
本文介绍了我怎样才能使用jquery通过按钮向上和向下移动多选的选项?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已选择
I have select
<select multiple id="select2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
和两个按钮
<input type="button" value="Up" onclick="up()">
<input type="button" value="Down" onclick="down()">
如何使用jquery通过按钮向上和向下移动多选的选项?
How can I move selected option in multiselect up and down by buttons using jquery?
推荐答案
更新:根据 @ patrick dw的建议。
$(document).ready(function(){
$('input[type="button"]').click(function(){
var $op = $('#select2 option:selected'),
$this = $(this);
if($op.length){
($this.val() == 'Up') ?
$op.first().prev().before($op) :
$op.last().next().after($op);
}
});
});
不需要使用内联 onclick =
事件听众。 jQuery完全控制将表示与功能分离。
No need to use inline onclick=""
event listeners. jQuery takes full control of separating presentation from functionality.
这篇关于我怎样才能使用jquery通过按钮向上和向下移动多选的选项?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文