2012-09-19 11 views
7

zu bekommen, wie der Wert der Option Auswahlbox in jQuery bekommen, wenn ich den Code wie diese haben,Wie Auswahlbox Optionswert in jQuery

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

Als ich auf Änderungsereignis codieren,

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

Es gibt mir media1, media2, media3 statt 1, 2, 3

Wie den Wert 1, 2, 3 erhalten?

+2

Ihr Code sollte so funktionieren wie er ist. [Und es tut.] (Http://jsfiddle.net/nnnnnn/CFAca/) (Warum haben Sie die Frage mit "jquery-ajax" markiert? Gibt es mehr Code oder Kontext, den Sie nicht anzeigen?) – nnnnnn

+0

Bestätigen Sie, dieser Code funktioniert wie Sie möchten –

+0

Verweisen Sie auf diesen Link, [Jquery-Option] (http://www.stoimen.com/blog/2010/06/22/jquery-get-the-selected-option-text/) – Nagaraj

Antwort

2

stellen Sie sicher, neueste jquery verwenden, weil seine feine Arbeit

http://jsfiddle.net/Hayhv/

es Wert

Option geben überprüfen
1

Verwendung dieser Code:

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

dies funktionieren sollte so wie du es willst.

+1

Das ist im Wesentlichen was das OP schon hat, nicht wahr? (Außer, ohne den Wert in einer Variablen zu speichern, bevor er alarmiert wird.) – nnnnnn

0

Ich habe Ihren Code und seine funktioniert ok für mich überprüft, um sicherzustellen, ID #media von anderen Kontrolle zu wiederholen. Weil seine config und Wert von html letzten Fund Kontrolle gerät

1

Verwenden Klasse statt id wie folgt ..

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

Hier id ist die ID eines Auswahlbox. Ich bin sicher, es wird 100% funktionieren.

Wenn Sie markierten Text Verwendung dieses:

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

Option: ausgewählt ist nicht erforderlich ... jQuery Unterstützung ** $ ("# id"). Val() ** too. – czjvic

2

Ich tat so,

<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> 

im Skript:

$(function(){ 

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

dies versuchen,

jQuery(document).ready(function() { 

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

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

    }); 

});