javascript - 使用javascript从HTML multiselect访问选定的值

这是我的多选表单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();

最佳答案

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

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

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