jquery - 获取所选下拉列表的值

Question

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

我在某个地方犯了一个愚蠢的错误，但找不到它。请帮忙。

Answer 1

HTML 是错误的：

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

您需要将 val="" 替换为 value=""

Answer 2

尝试这个：

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

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

Answer 3

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

您需要进行连接，.change event以便每次更改文本时都会更改。

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

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

Answer 4

在您的 HTML 上，它应该value是val：

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