Question

我们可以使用jquery

动态标记一些选项

以下选择：

<select name='strings' id="strings" multiple style="width:100px;">
    <option value="Test">Test</option>
    <option value="Prof">Prof</option>
    <option value="Live">Live</option>
    <option value="Off">Off</option>
    <option value="On">On</option>
</select>

以下js会选择Test,Prof,Off

var values="Test,Prof,Off";
$.each(values.split(","), function(i,e){
    $("#strings option[value='" + e + "']").prop("selected", true);
});

console.log( $("#strings").html() );

http://jsfiddle.net/3f0ea4dc/

这很好......

但是$("#strings").html()并未将选项标记为已选中。所以我希望看到

  <option value="Test" selected>Test</option>

但我明白了

  <option value="Test">Test</option>.

有什么意见吗？有没有什么方法可以让我选择html！

Answer 1

只需将prop()替换为attr()，它就会按预期工作;）

Answer 2

请尝试以下代码： -

$.each(values.split(","), function(i,e){
    $("#strings option[value='" + e + "']").attr("selected", true);
});

http://jsfiddle.net/3f0ea4dc/3/

选择框的html选项的动态设置不会出现在select html中

2 个答案: