选定的选择器不起作用
Posted
技术标签:
【中文标题】选定的选择器不起作用【英文标题】：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 的问题本身。
【参考方案1】：
您可以通过这种方式简单地获得选定的值：
$("select").change(function()
var val = $(this).val(); // will get selected option value
var text = $(this).text(); // will get select option text
);
【讨论】：
以上是关于选定的选择器不起作用的主要内容，如果未能解决你的问题，请参考以下文章