Question

我创建了一个列表框并选择了3个选项。我应该在此代码中添加什么，以便浏览器正确显示所选选项？

HTML code：

 <select name="s1" multiple>
    <option value="India">India</option>
    <option value="America">America</option>
    <option value="Africa">Africa</option>
    <option value="Japan">Japan</option>
    <option value="Kenya">Kenya</option>
</select>

jQuery的：

<script>
$(document).ready(function () {
    $('select[name^="s1"] option[value="India"]').attr("selected", "selected");
    $('select[name^="s1"] option[value="Japan"]').attr("selected", "selected");
    $('select[name^="s1"] option[value="Kenya"]').attr("selected", "selected");
});

</script>

任何人都可以告诉我..提前致谢。

jsfiddle与上面的代码

Answer 1

您发布的代码似乎正常。但你可以用更少的代码来做到这一点：

$('select[name^="s1"]').val(['India', 'Japan', 'Kenya']);

Demo

Answer 2

最后我得到了我的结果，通过在其中包含以下代码，每当我点击选项时它会显示所选的选项..

 <script>   
    $("select").change(function () {
   var str = ""+"You Selected: ";
   $("select option:selected").each(function () {
       str += $(this).text() + " ";
   });
   $("div").text(str);
   }) .trigger("change");  
  });</script>

该代码适用于Chrome，Firefox和IE。

创建一个列表框并在jquery中显示所选的选项

2 个答案: