我怎样才能使用jquery通过按钮向上和向下移动多选的选项？ [英] How can I move selected option in multiselect up and down by buttons using 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屋！