如何在选择下拉菜单上触发点击事件答案

【问题标题】：How to fire click event on select drop down如何在选择下拉菜单上触发点击事件
【发布时间】：2015-09-25 12:30:12
【问题描述】：

我有以下代码用于下拉选择，使用文本和值显示下拉列表。我用谷歌搜索了许多代码，但没有一个有效。我想在警报对话框中显示选定的下拉菜单项。我已经尝试过jquery 和 javascript 代码，但它们不起作用请帮我解决这个问题

  <div class="col-sm-1"></div>
            <div class="col-sm-3">
                <div class="fleft " id="drop-down">

                    <select id="cd-dropdown" class="cd-select"  >

                        <option value="1" >Home</option>
                        <option value="2" >Movies</option>

                        <option value="3" >T.V. Shows</option>
                        <option value="4" >Photos</option>
                        <option value="5" >Site Help</option>

                    </select>
                </div>
            </div>

【问题讨论】：

更改时使用.. @dhiraj
stackoverflow.com/questions/12080098/… 参考这个..
你到底尝试了什么？
我已经尝试了很多解决方案并给出了这个问题的解决方案，但没有一个有效或出现了我不理解的问题@epascarello
你能用你目前尝试过的方法创建一个jsbin，以便我们进一步调查吗？

标签： javascript jquery html

【解决方案1】：

使用 JQuery，您可以执行以下操作：

$('#cd-dropdown').bind('change', function () {
   alert($(this).find('option:selected').text());
});

如果您想要值而不是文本，请使用.val()

【讨论】：

【解决方案2】：

改变

$(document).ready(function(){
    $("#cd-dropdown").change(function(){
       alert($(this).find('option:selected').val()); // val or text
    });
});

或加载中

$(document).ready(function () {
     alert($("#cd-dropdown").find('option:selected').val()); // val or text
});

【讨论】：

【解决方案3】：

Updated link

HTML 代码：

 <div class="col-sm-1"></div>
                <div class="col-sm-3">
                    <div class="fleft " id="drop-down">

                        <select id="cd-dropdown" class="cd-select"  onmousedown="this.value='';" onchange="jsFunction(this.value);" >

                            <option value="1" >Home</option>
                            <option value="2" >Movies</option>

                            <option value="3" >T.V. Shows</option>
                            <option value="4" >Photos</option>
                            <option value="5" >Site Help</option>

                        </select>
                    </div>
                </div>

JS代码：

function jsFunction(value)
{
    alert(value);
}

【讨论】：

【解决方案4】：

你可以像这样使用 jQuery 来做到这一点

$(document).on('change',"#cd-dropdown", function(){
 alert($(this).val());  // will display selected option's value
 alert($(this).find('option:selected').text()); //will display selected option's text
});

【讨论】：