如何从选择下拉列表中选择多个值,并根据选择顺序对它们进行排序?

时间:2019-09-13 08:28:41

标签: jquery html

我试图创建一个多选下拉列表,使您可以选择多个值(在我的情况下为两个)并根据您选择它们​​的顺序对它们进行排名。

2 个答案:

答案 0 :(得分:0)

使用普通的UI元素是不可能的,但是也许您可以创建一个拖放系统?我在其中一个网站中使用了Sortable(https://github.com/SortableJS/Sortable),我非常喜欢它。如果您觉得自己有适当的HTML,CSS和Javascript / jQuery经验,也许这可能是一个有趣的挑战?

答案 1 :(得分:0)

  $(document).ready(function () {
    var first = '';
    var second = '';
    var flag = 0;     

    $('button').click(function () {
        var x = $('select').val();
        first = x[x.length - 2];
        second = x[x.length - 1];
       alert('first:' + first +'----Second:' + second);      

    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html><head>       
</head><body>
<select name="test" multiple>
    <option>123</option>
    <option>456</option>
    <option>789</option>
     <option>110</option>
    <option>220</option>    
</select>
<button>Show</button>
</body></html>

尝试这个...