2012-04-17 229 views
0

我需要獲取所選下拉列表的值,而不是文本。例如:下拉菜單中印度的IN。獲取所選下拉列表的值

<select id="country"> 
<option val="IN">India</option> 
<option val="CN">China</option> 
<option val="AU">Australia</option></select> 

<div id ="get"></div> 

腳本:

$("#get").text($("#country").val());​ 

請參閱http://jsfiddle.net/yxMSK/3/

我作出了愚蠢的錯誤的地方,但無法找到它。 Plz的幫助。

+0

糾正你的HTML,並把jQuery的裏面的東西組合改變事件... – 2012-04-17 11:29:04

回答

6

的HTML是錯誤的:

<option value="AU">Australia</option></select> 

您需要更換VAL = 「」 有值= 「」

+0

榮譽。做了這份工作。謝謝! – SKumar 2012-04-17 11:30:15

+1

@ user1338585真棒。請接受並upvote(儘可能接受) – 2012-04-17 11:31:10

0

試試這個:

$("#country").change(function(){ 
$("#get").text(($(this).val())); 
}) 

http://jsfiddle.net/yxMSK/18/

+0

它給了我國名。但是我要求像IN這樣的國家名稱對印度的價值或任何存儲在選項中的價值。 – SKumar 2012-04-17 11:25:47

+0

修復HTML的建議和上面將工作 – billyonecan 2012-04-17 11:27:02

+0

嘗試更新的jsfiddle http://jsfiddle.net/yxMSK/18/ – undefined 2012-04-17 11:29:01

0

在這裏你去http://jsfiddle.net/cGt5N/

您需要連接.change event以便每次更改文字更改。

代碼獲取所選值的文本字段

$("#country").change(function(){ 
    $("#get").text($("#country option:selected").text()); 
}); 
​ 
​ 
0

在你的HTML應該是value,而不是val

<select id="country"> 
    <option value="IN">India</option> 
    <option value="CN">China</option> 
    <option value="AU">Australia</option> 
</select>