多选下拉框开源组件:https://github.com/ehynds/jquery-ui-multiselect-widget

html部分:

        <select multiple >

            <option value="1">上</option>

            <option value="2">下</option>

            <option value="3">左</option>

            <option value="4">右</option>

        </select>

        <input type="button" value="ok" >

  1. 如何初始化多选下拉框选中项?

    var ids = "1,3".split(',');       

    if (ids != null) {           

        $('#test').val(ids);

        $('#test').multiselect("refresh");           

    }

  1. 如何获取选中结果

    $("#btnok").click(function(){

        var ids=[];

        $("#test :checked").each(function(i,item){

            ids.push($(item).attr("value"));

        });   

        alert(ids.join(","))

    });

           3.    完整示例代码:

             multiselect.rar

相关文章:

  • 2021-09-05
  • 2021-05-20
  • 2022-01-10
  • 2022-02-07
  • 2021-07-27
  • 2021-12-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-03
  • 2022-12-23
  • 2022-12-23
  • 2022-01-29
  • 2022-02-21
相关资源
相似解决方案