使用jQuery更改所选值时获取所选值

问题描述:

我希望在下拉列表中选择一个值时获取所选值。使用jQuery更改所选值时获取所选值

有什么想法?

感谢,

尝试是这样的:

$(document).ready(function(){ 

    $('#your_select').change(function(){ 
    var result = $(this).val(); 
    do_something_with(result); 
    }); 

}); 

假设HTML这样的:

<select id="your_select" name="selectname"> 
    <option value="foo">Foo!</option> 
    <option value="bar">Bar!</option> 
</select> 
+0

确定,当您用鼠标选择选择,但不是当你哟ü使用箭头键 – 2011-03-18 08:26:11

+0

如果您通过选择菜单中的选项“箭头”,则实际上并不是每次移动都会改变数值。当你“改变”这个改变时,你通常会通过点击“enter”或“spacebar”来识别这个选项。这是'change'事件被触发的时候。 – 2011-03-18 15:11:20

$('select').change(function() { 
    alert($(this).val()); 
}); 

JSFiddle Example

+0

确定当你用鼠标选择而不是当你使用箭头键时 – 2011-03-18 08:26:50

+0

@Kris当你选择丢失焦点时它应该触发事件,如果你使用的是键 – 2011-03-18 09:38:37