javascript - Jquery选择插件来发布值,按照用户在多个框中选择数据的顺序

标签 javascript jquery jquery-chosen

我有一个查询,如果用户在多选框中选择选项(选择插件),它应该将用户选择的顺序发布到另一个页面。

例如 我有以下代码

<select name="city" multiple data-rel=​"chosen" >
<option value="1">Mumbai</option>
<option value="2">Pune</option>
<option value="3">Nagpur</option>
<option value="4">Nashik</option>
</select>

如果用户按以下顺序选择 Nagpur、Pune、Nashik 和 Mumbai,它将通过以下方式 1.2,3,4(排序)将值发布到另一个页面。

但是,我想将用户选择的顺序发布到另一个页面,即 3,2,4,1

请帮忙..

提前致谢

最佳答案

Chosen Order是Chosen的一个插件,旨在提供处理选择顺序的函数。

https://github.com/tristanjahier/chosen-order

更新:

<script type='text/javascript'>
var results = [];
$("#city").on('change',function(){
    var selected_values = $(this).val();
    var temp_results = results;
    results = [];

    //FOR REMOVED VALUES
    for(i in temp_results){
        if($.inArray(temp_results[i],selected_values)>=0){
            results.push(temp_results[i]);
        }
    }

    //FOR ADDED VALUES
    for(i in selected_values){
        if($.inArray(selected_values[i],temp_results)<=-1){
            results.push(selected_values[i]);
        }
    }               

    console.log(results.join("::"));
    //Save it in hidden input to pass next page
});
</script>

关于javascript - Jquery选择插件来发布值,按照用户在多个框中选择数据的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35263597/

相关文章:

javascript - 即使使用 'Access-Control-Allow-Origin' : '*' ?,服务器也会响应 405 错误

asp.net - jQuery/JSTree/ASP.net : How to get Newly Created Node's ID from Server

jquery - 无法将背景图像属性设置为无

html - chosen-select 在页脚后创建巨大的空白

javascript - 如何为具有相似值的动态表格行设置不同的背景颜色?

javascript - 在 div 中删除动态选项卡时至少有一个事件类

javascript - AngularJS:正确定义回调?

javascript - 我怎样才能做一些 'checks' ,如果这些 'checks' 通过,我允许文件选择窗口出现在 &lt;input type ='file' >

jquery - 测试是否已为CSS动画启用了硬件加速?

jquery - 选择带有 jQ​​uery 验证错误放置的 select