2014-06-17 161 views
1

我正在学习jQuery选择器,并且我创建了一个小实例。我已经创建了选择框,当我选择什么,应该表现出我所selected.But不幸的是我的例子并不running.I我做小错了。的jsfiddle演示:demo感谢 这里是我的代码:所选择的选择器不工作

仪表板。 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"); 
+3

你忘了添加jQuery。否则,你的代码只是工作:http://fiddle.jshell.net/5pSfs/1/ – Abhitalks

+0

哦,伟大的不是它的工作现在我有一个小问题,现在如果我想数据库和传递这个字符串数据库,然后如何通过它? – user3702602

+0

检查jQuery Ajax。 – Pugazh

回答

0

你可以得到选定值简单地这样说:

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

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

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

});