使用 Jquery 设置页面加载的默认值（我正在使用多选插件）

Question

这是一个简单的要求，但是我使用的是多选插件，因此我无法调试。请帮忙

我正在使用多选下拉插件 - http://www.erichynds.com/blog/jquery-ui-multiselect-widget

这是我的html：

<select id="example2" name="example"   multiple="multiple" class="multiselect" onclick="filterLocation();">

            <option id="aa" value="Ready">Ready</option>
            <option id="bb" value="Overdue" >Overdue</option>
            <option id="cc" value="Pending" >Pending</option>
            <option id="dd" value="Cancelled">Cancelled</option>]

This is my javascript:

    j$(document).ready(function() {

        j$("select.multiselect").multiSelect();

        j$("#example2").val("Pending");
     });

我想在加载页面时设置值“待定”。但是它在 UI 中不可见。我尝试了以下选项来使用 jquery 设置值，但它不起作用:(

j$('#example2').find('option[value="Pending"]').attr(selected, selected);
document.getElementById('bb').selected= true;
document.getElementById('bb').checked= true;

您能否建议我为什么在使用插件时不检查/选择值？

请看附上的截图..

非常感谢。任何建议都非常感谢

http://i.stack.imgur.com/GCJcF.jpg

Answer 1

这样你可以选择选项

HTML：

        <select multiple="multiple" size="5">
        <option value="option1" selected="selected">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
        <option value="option4">Option 4</option>
        <option value="option5">Option 5</option>
        <option value="option6">Option 6</option>
        <option value="option7">Option 7</option>
        <option value="option8">Option 8</option>
        <option value="option9">Option 9</option>
        </select>

jQuery：

$('select').find('option[value="option3"]').attr("selected", "selected");
$('select').find('option[value="option4"]').attr("selected", "selected");


$("select").multiselect();

Answer 2

您可以尝试在此插件公开的create 生命周期事件中进行选择。

$("#multiselect").multiselect({
    create: function(event, ui){
       // do your selection here
    }
});

或者，您可以使用多选option 方法，而不是使用html 属性进行选择。从文档中（在初始化之后）做这样的事情：

$("#multiselect").multiselect("option", "Pending");