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

我想设置值＆＃34;待定＆＃34;当我加载页面。但是它在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

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

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

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

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

Answer 2

这样您就可以选择选项

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

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

2 个答案: