将JQuery SelectBox的值设置为来自模型的变量

Question

我有一个jquery selectbox，可用于为用户提供用于过滤页面的选项。 默认值为“全部”，然后可以选择一系列选项。

当他们做出选择时，页面会重新加载他们的选择，然后我希望选择框显示他们的选择。 问题是我似乎无法将selectbox值设置为先前选择的值。

选择框的HTML如下所示：

<select id="mySelectMenu">
    <option value="VALUEALL">All</option>
    <option value="VALUE1">A</option>
    <option value="VALUE2">B</option>
    <option value="VALUE3">C</option>
</select>

他们选择的值保存在我的模型中，因此在jspx页面的顶部有以下内容：

<c:set value="${myModel.myFilterCriteria}" var="myFilterValue" />

这在我的文档中。

$(function() {
    $( "#mySelectMenu" ).selectBox();
    // this is how I've tried to force my value to 'A' instead of 'All', but it 
    // didn't work.
    $("#mySelectMenu option[value='VALUE1']").prop("selected", true);

    // I'd like to be able to use something like this: 
    $("#mySelectMenu option[value='(myFilterValue)']").prop("selected", true);
});

我尝试了多种方法将其设置为“ myFilterValue”，但似乎无法对其进行设置。

---解决方案---

问题是我的职能中的以下问题

$( "#mySelectMenu" ).selectBox();

我删除了它，并添加了以下内容，它可以正常工作。

$("#mySelectMenu option[value='${myFilterValue}']").prop("selected", true);

因此，我的函数现在如下所示：

$(function() {
    $("#mySelectMenu option[value='${myFilterValue}']").prop("selected", true);
});

谢谢大家的帮助！

Answer 1

$('#mySelectMenu').val(myFilterValue); // or
$('#mySelectMenu').val("VALUE1");

jsFiddle演示作品

Answer 2

我发现以下内容： https : //github.com/marcj/jquery-selectBox/blob/master/readme.md

码：

 $('select').selectBox('value', 1);