选定的选择器不起作用答案

【问题标题】：Selected selector not working选定的选择器不起作用
【发布时间】：2014-08-07 03:01:39
【问题描述】：

我正在了解jQuery选择器，我已经创建了一个小exmaple。我创建了选择框，当我选择任何内容时，它应该显示我选择的内容。但不幸的是，我的示例没有运行。我犯了一个小错误。jsfiddle 演示：demoThanks 这是我的代码：

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" );

【问题讨论】：

您忘记添加 jQuery。否则，您的代码只能有效：fiddle.jshell.net/5pSfs/1 span>
哦，太好了，它现在不工作了我现在有一个小问题，如果我想数据库并将这个字符串传递给数据库，那么如何传递它？
那将是一个不同的问题。请提出一个新问题，清楚地说明您的问题以及您迄今为止所做的尝试。
@Kermani：那就是:checked，是的，:checked 也可以用于selects！看到这个：fiddle.jshell.net/5pSfs/2
@Kermani：它在页面加载时触发change 事件，因此代码可以在开始时运行一次。顺便说一句：这不是 my 小提琴。它取自 Op 的问题本身。

标签： jquery html select jquery-selectors

【解决方案1】：

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

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

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

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

});

【讨论】：