立即获取选择选项的值jquery

时间:2012-03-27 15:30:31

标签: jquery select

我有一个简单的下拉列表,如果用户更改了下拉选项,但想要获取选项的特定值,但是没有让他按下提交按钮。用jquery可以吗?

这是我到目前为止所得到的:

    <form action='select.htm'>
    <select id='BezirksAuswahl'>
    <option value='Alle'>Alle Eintr&auml;ge</option>
    <option value='Charlottenburg-Wilmersdorf'>Charlottenburg-Wilmersdorf</option>
    <option value='Reinickendorf'>Reinickendorf</option>
    </select>
    </form>

这里是剧本:

$('#BezirksAuswahl').click(function(){
     $('#BezirksAuswahl option:selected').each(function(){
         alert($(this).val());
     });
 });

感谢您的帮助,我期待着您的回答。

4 个答案:

答案 0 :(得分:1)

使用change事件,当元素的值发生变化时会触发该事件,如下所示:

$('#BezirksAuswahl').change(function(e){
    alert(this.value);
});

答案 1 :(得分:1)

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

答案 2 :(得分:1)

非常简单..试试这个

$('#BezirksAuswahl').change(function(){
        var selected_value = $(this).val();
});

答案 3 :(得分:1)

检查你的JQuery include,你不能正确地包含Jquery。你引用的是哪个版本?

确保在加载JQuery时运行脚本:

$(document).ready(function () {
  $('#BezirksAuswahl').change(function(e){
     alert(this.value);
  });
});