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/を参照してください

私はどこかでばかげた間違いを犯していますが、それを見つけることができません。Plzヘルプ。

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

valueHTMLでは、次の代わりに使用する必要がありますval。

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