Question

  <select name="garden" multiple="multiple">
    <option>Flowers</option>
    <option selected="selected">Shrubs</option>

    <option>Trees</option>
    <option selected="selected">Bushes</option>
    <option>Grass</option>
    <option>Dirt</option>
  </select>



 $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          alert(str);
        })

它应该提醒所选选项的选项，如“草污垢灌木丛”

相反，我变得空白。

Answer 1

这将有效：

<script>
$(function(){
  $("select").change(function () {
          var str = $(this).children('option[selected]').text();
          alert(str);
        })
});
</script>

不需要为每个选项执行此操作，只需将相关选项作为select的子项，text（）将连接所有匹配项。

Answer 2

使用$('select').val()

可以更轻松地执行此操作

<script type="text/javascript">
$(document).ready(function(){
 alert ($("select").val());
 $("select").change(function () {
  var str = $("select").val();
  alert(str);
 })
})
</script>

结果以逗号分隔，因此初始提醒会显示Shrubs,Bushes

jquery选择多个问题

2 个答案: