2012-09-19 45 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; 
    }); 
}); 

它給我media1media2media3代替1, 2, 3

如何獲得價值1,2,3?

+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

使用此代碼值:

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

這應該工作你想要的方式應該。

+1

這基本上是OP已經有的不是嗎? (除非在提醒之前將值存儲在變量中) – nnnnnn

0

我已經測試了你的代碼和它的作品對我來說確保id #media確實可以從其他控件中重複出現。因爲它的配置,並從上次找到的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; 
    }); 
}); 
27
$("#id option:selected").val(); 

這裏id是一個選擇框的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> 

在腳本中:

$(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); 

    }); 

});