【问题标题】:Get value of select option immediately jquery立即获取选择选项的值jquery
【发布时间】:2012-03-27 15:30:30
【问题描述】:

我有一个简单的下拉列表,如果用户更改下拉选择,但希望在不让他按下提交按钮的情况下获得选项的特定值。用 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());
     });
 });

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

【问题讨论】:

    标签: jquery select


    【解决方案1】:

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

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

    【讨论】:

    • 感谢您的帮助,但不幸的是它不起作用。这里的三个示例似乎都没有触发警报事件。 firebug 没有显示错误,并且 html 也是有效的.. 知道问题可能是什么吗?谢谢!
    【解决方案2】:
    $('#BezirksAuswahl').change(function(){
             alert($(this).val());
    });
    

    【讨论】:

    • 感谢您的帮助,但不幸的是它不起作用。这里的三个示例似乎都没有触发警报事件。 firebug 没有显示错误,并且 html 也是有效的.. 知道问题可能是什么吗?谢谢!
    • 这里是一个 jsfiddle 页面,用于显示代码的工作原理。jsfiddle.net/D99JW 可能是,如果您发布您的整个代码,我们可能会找到一个解决方案,可能会阻止这种情况发生..
    【解决方案3】:

    很简单..试试这个

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

    【讨论】:

    • $(this).val() 是两个不必要的函数调用,因为元素的 value 属性可以使用 this.value 轻松获得。
    • 感谢您的帮助,但不幸的是它不起作用。这里的三个示例似乎都没有触发警报事件。 firebug 没有显示错误,并且 html 也是有效的.. 知道问题可能是什么吗?谢谢!
    【解决方案4】:

    检查您的 JQuery 包含,您不能正确包含 Jquery。你指的是哪个版本?

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

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

    【讨论】:

    • 运行“$().jquery;”在控制台中告诉我们你看到了什么
    • 我正在运行 1.7.1 并且它已正确实施.. 这个问题/问题只是一个巨大的 CMS 项目的一小部分,所有其他 js/jQuery 相关的东西都可以正常工作..
    • 显然,如果我将它直接包含在 html 的源代码中,它就可以工作,如果我把它放在外部脚本中,它就不会..
    • 啊。我认为您没有在正确的时间运行代码。将更新答案
    猜你喜欢
    • 2011-12-14
    • 1970-01-01
    • 2013-05-29
    • 2013-09-30
    • 2011-10-06
    • 2015-09-21
    • 2013-09-12
    • 2011-03-22
    • 2021-02-26
    相关资源
    最近更新 更多