javascript - 使用multiple =“true”从选择标签中获得多个检查值

   <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>

我需要一些建议，如何在绑定数据后获取选中的值。。
这个下拉框用默认的“确定”和“取消”按钮绑定复选框，在“确定”提示下，如果多个选中的值。。。
它允许选择多个检查，但它接受单个检查项值…我想要多个检查项值

最佳答案

对于多重选择，.val（）返回选定值的数组（而不是文本）。下面是一个例子：
给定一个空的select和一个按钮，我们将单击以获取选定的值

<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());
    });
});

这里有一个工作jsFiddle