javascript - 使用多个 ="true"从 select 标签中获取多个选中的值

Question

   <Select id="chkProduct" multiple="true">
   </select>


   <script type="text/javascript">

         $(function () {

    $(document).ready(function() {
        $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
           url: 'http://###.##.##.##/####/Country.svc/ProductBind',
            data: '{}',
            dataType: "json",
            processData: false,
            success: function (data) {
            var oi;
            for (var i = 0; i < data.Data.length; i++) {
                appendString = "<option value='"+data.Data[i].Product+"'>"+data.Data[i].Product +"</option>";
                $("#chkProduct").append(appendString);
            }

         },
            error: function (result) {
                alert("Error");
            }
        });

    });
});

</script>  

我需要一些建议如何在绑定(bind)数据后获取选中的值..

这个下拉绑定(bind)复选框带有默认的 OK 和 CANCLE 按钮，在 OK cleck 上我得到单个选中的值而不是如果多个选中的值...它允许选择多项检查，但它采用单个检查项目值...我想要多个检查值

Answer 1

对于多重选择，.val() 返回所选值的数组(不是文本)。这是一个例子:

给定一个空的选择和一个按钮，我们将单击以获取选定的值

<select name="chkProduct" id="chkProduct" multiple="true" data-native-menu="false">
</select>

<button id="btnGet">Get Selected</button>

该脚本在 pagecreate 上加载一些选项(这将是您的 ajax 函数)，然后点击处理程序将所选值显示为逗号分隔列表:

$(document).on("pagecreate", "#page1", function(){        
    var appendString = '';
    for (var i = 0; i < 6; i++) {
         appendString += "<option value='"+ i +"'>item "+ i +"</option>";
    }    
    $("#chkProduct").empty().append(appendString).selectmenu( "refresh" );

    $("#btnGet").on("click", function(){
        alert($("#chkProduct").val());
    });
});

Here is a working jsFiddle