如何在jQuery中获取选择框选项值

如果我有这样的代码,如何在jQuery中获取选项选择框的值,

 media1 media2 media3  

当我为变更事件编码时,

 $(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?

 $("#id option:selected").val(); 

这里id是选择框的id。 我相信它会100%有效。

如果您想要选择文本,请使用以下文本:

 $("#id option:selected").text(); 
 $('#media').change(function(){ alert($(this).val()); }); 

这应该按照你想要的方式工作。

确保你使用最新的jquery,因为它的工作正常

http://jsfiddle.net/Hayhv/

检查它给出选项的价值

我这样做了,

  

在脚本中:

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

试试这个,

 jQuery(document).ready(function() { jQuery('#media').change(function(e) { var id = $(this,':selected').val(); alert(id); }); }); 

使用此代码:

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

使用类而不是像这样的id ..

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

我已经测试了你的代码,它的工作对我来说还可以确保id #media从其他控件重复。 因为它的配置和获取值从上次找到html控件