Question

我正在学习jquery选择器，我已经创建了一个小例子。我创建了选择框，当我选择任何东西时，它应该显示我选择的内容。但不幸的是我的例子没有运行。我犯了小错误.jsfiddle演示：demo谢谢这是我的代码：

dashboard.php

   <html lang="en">
<head>
  <meta charset="utf-8">
  <title>selected demo</title>
  <style>
  div {
    color: red;
  }
  </style>
  <script src="js/ajax.js"></script>
</head>
<body>

<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>
<div></div>



</body>
</html>

ajax.js

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

Answer 1

您可以通过这种方式获得选定的值：

$("select").change(function() {

var val = $(this).val(); // will get selected option value

var text = $(this).text(); // will get select option text

});

选定的选择器不起作用

1 个答案: