Question

这是我的多选表单HTML

<select id="designation" name="designation" multiple="multiple"> <option value="cheese" >Cheese</option> <option value="tomatoes" >Tomatoes</option> <option value="mozarella" >Mozzarella</option> </select>

以下是我尝试使用js访问所选值的方法。

$(document).ready(function(){ $('#designation').multiselect(); var selectedValues = $('#designation').val(); });

selectedValue始终由nul

分配$('#designation').val()

我该如何解决这个问题？

我也试过了 $("select.designation option:selected").val();

Answer 1

当页面加载时，multiselect最初将为null，这是您的代码显示的内容。每当您单击多选框时，下面的代码将更新变量selectedValues。

$(document).ready(
    function(){
        $('#designation').click(function() {
            var selectedValues = $('#designation').val();
        });
    }
);

此处示例：http://jsfiddle.net/83brpjav/

Answer 2

.multiselect("getChecked")方法返回所有选定的check boxes

试试这个 -

单选 -

var value = $('#designation').multiselect("getChecked").val();
console.log(value);

进行多项选择 -

 var values =  $('#designation').multiselect("getChecked").map(function(){
           return this.value;    
        }).get();//return you the all selected values as an array

 console.log(values);

使用javascript从html multiselect访问选定的值

2 个答案: