获取所选下拉列表的值

时间:2012-04-17 11:22:27

标签: jquery

我需要获取所选下拉列表的值而不是文本。例如: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帮助。

4 个答案:

答案 0 :(得分:6)

HTML错误:

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

你需要替换val =&#34;&#34;值=&#34;&#34;

答案 1 :(得分:0)

试试这个:

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

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

答案 2 :(得分:0)

这里你去http://jsfiddle.net/cGt5N/

您需要连接.change event,以便每次更改文本更改时。

代码以在文本字段中获取所选值

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

答案 3 :(得分:0)

在您的HTML上,它应该是value而不是val

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