2014-06-17 162 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 

});