2012-09-19 12 views
7

で選択ボックスのオプションの値を取得する どのように、私はこのようなコードがある場合はjQueryにオプション選択ボックスの値を取得するにはどのようにjQuery

<select id='media' name='media'> 
    <option value='1'>media1</option> 
    <option value='2'>media2</option> 
    <option value='3'>media3</option> 
</select> 

私は変更イベントのためにコード

$(document).ready(function() 
{ 
    $("#media").change(function() 
    { 
     var id=$(this).val(); 
     var dataString = 'id='+ id; 
     alert(id); return false; 
    }); 
}); 

それは、私にmedia1を与えるmedia2media3の代わりに、値1、2、3を取得する方法1, 2, 3

$('#media').change(function(){ 
    alert($('#media :selected').val());// or $('#media').val();   
});​ 
+2

あなたのコードはそのまま動作するはずです。 [そしてそれはします。](http://jsfiddle.net/nnnnnn/CFAca/)なぜあなたは "jquery-ajax"で質問をタグ付けしましたか?これ以上のコードやコンテキストは表示されませんか? – nnnnnn

+0

このコードは、あなたが望む通りに動作することを確認してください。 –

+0

このリンク、[Jquery-Option](http://www.stoimen.com/blog/2010/06/22/jquery-get-the-selected-option-text/)を参照してください。 ) – Nagaraj

答えて

1

使用このコードの値を与えるチェックし、最新のjQueryを使用してくださいそれはあなたが望む方法です。

6
$('#media').change(function(){ 
alert($(this).val()); 
}); 

これは動作するはずです:そのは正常に動作しているため

+1

それは基本的にOPが既に持っているものですね。 (警告の前に変数に値を格納せずに) – nnnnnn

0

私はあなたのコードとその作品をテストしましたが、私は確かにidを確認してください#media他のコントロールから繰り返します。その設定とは次のように最後のfind HTMLコントロールから

1

使用クラスの代わりにIDを値を取得するので...

<select class='media' name='media'> 
    <option value='1'>media1</option> 
    <option value='2'>media2</option> 
    <option value='3'>media3</option> 
</select> 

$(document).ready(function(){ 
    $(".media").live("change",function(){ 
     var id = $(this).val(); 
     var dataString = 'id='+ id; 
     alert(id); return false; 
    }); 
}); 
ここ id
27
$("#id option:selected").val(); 

は、選択ボックスのIDです。私はそれが100%動作すると確信しています。

$("#id option:selected").text(); 
+0

オプション:選択は不要... jQueryサポート** $( "#id")。val()**。 – czjvic

2

私はスクリプト内で、そう

<select id='coprede' name='cop_rede'> 
<option value='1'>Cop Rio de Janeiro</option> 
    <option value='2'>Cop Nordeste</option> 
    <option value='3'>Cop Vitoria</option> 
    <option value='4'>Cluster Norte</option> 
    <option value='5'>Cluster Centro Oeste</option> 
</select> 

をした:あなたがしたい場合は、選択したテキストはこの1つを使用し

$(function(){ 

$('#coprede').change(function(){ 
    alert($('#coprede :selected').val()); 
    }); 
}); 
2

jQuery(document).ready(function() { 

    jQuery('#media').change(function(e) { 

     var id = $(this,':selected').val(); 
     alert(id); 

    }); 

}); 
、これを試してみてください210
関連する問題