Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何从“选择”下拉列表中选择多个值,并根据选择顺序对其进行排序?_Jquery_Html - Fatal编程技术网

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

Jquery 如何从“选择”下拉列表中选择多个值,并根据选择顺序对其进行排序?,jquery,html,Jquery,Html,我正在尝试创建一个多选下拉列表,它允许您选择多个值(在我的例子中是两个),并根据您选择它们的顺序对它们进行排序。这在普通UI元素中是不可能的,但也许您可以创建一些拖放系统?我在我的一个网站上使用了Sortable(),我非常喜欢它。如果您觉得自己在HTML、CSS和Javascript/jQuery方面拥有propper经验,那么这可能是一个有趣的挑战? $(文档).ready(函数(){ var first=''; 第二个变量=“”; var标志=0; $(“按钮”)。单击(函数(){ var

我正在尝试创建一个多选下拉列表,它允许您选择多个值(在我的例子中是两个),并根据您选择它们的顺序对它们进行排序。

这在普通UI元素中是不可能的,但也许您可以创建一些拖放系统?我在我的一个网站上使用了Sortable(),我非常喜欢它。如果您觉得自己在HTML、CSS和Javascript/jQuery方面拥有propper经验,那么这可能是一个有趣的挑战?

$(文档).ready(函数(){
var first='';
第二个变量=“”;
var标志=0;
$(“按钮”)。单击(函数(){
var x=$('select').val();
第一个=x[x.长度-2];
秒=x[x.长度-1];
警报('first:'+first+'----Second:'+Second);
});
});

123
456
789
110
220
显示

那你试了什么?你已经试过了吗?请阅读。请向我们展示您尝试过的内容和您的Html代码。实际上,我现在有两个不同的下拉列表,分别是主用户和辅助用户。我很好奇,如果我能在一个单一的多选下拉列表中选择两个用户,第一个作为主要用户,第二个作为次要用户,那么只使用多选将不是一个好的用户体验。用户不知道(没有扩展指令)第一个是主。作为一个用户,我很可能会按它们在列表中出现的顺序单击它们(特别是如果一个靠近顶部,我不会进入底部,然后滚动回我所在的位置)。还要考虑改变主意和错误点击。点击B,F(B主)-哦,等等,它不是B,它是C-松开B,点击C-现在F不是主C。这不是好的用户体验。控制-点击456,然后点击789,然后点击110-选择显示所有3个选择,警报显示我先点击789,再点击110秒。可以添加一个选中>2的检查。在456上下滑鼠,拖到底到多个select-select显示选中的4个项目,alert说我什么都没有选中。@freedomn-m先生,我只是尝试此特定场景,因为>2需要实现数组。否,您没有领会我的意思-用户可以选择2个以上,而您的代码错误地处理了这种情况。并不是OP-want大于2,而是显式地想要2(正如您所提供的,这是正确的)。只是你的代码给出了错误的2。