Question

我有一个带有多选字段的表单，其中有几个选项，如下所示：

<select id="testselect">
    <option value="Value A">Value A</option>
    <option value="Value B">Value B</option>
    <option value="Value C">Value C</option>
    ...
</select>

有一个相关的输入字段，在加载表单时，从查询字符串（即值A，值E）接收逗号分隔的文本值。我一直在尝试做的是让JQuery通过查看逗号之间分隔该文本字符串，然后将输入值与选项值进行匹配。如果输入字段中有值，则通过添加selected =“selected”属性来选择相应的选项。

有没有人有任何想法？在意识到这是我的头脑之前，我没有深入研究这个问题。非常感谢提前。

Answer 1

试试这个

var values = "Value A, Value E";
var $options = $("#testselect option");
$.each(values.split(","), function(){
    $options.filter("[value='"+this+"']").attr("selected", true);
});

Answer 2

有很多方法可以做到这一点，但这里有一个这样的方法。 http://jsfiddle.net/cBBkG/

我假设“输入”变量将包含从查询字符串中获得的任何内容。

JQuery选择基于文本字段的多选选项

2 个答案: