Question

我有以下代码用于下拉选择显示下拉列表使用文本和values.i google许多代码尽可能但没有一个工作。我想在警告对话框中显示所选的下拉菜单项。我已经尝试过了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>

Answer 1

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

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

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

Answer 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
});

Answer 3

Updated link

HTML code：

 <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);
}

Answer 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
});

如何在选择下拉列表中触发单击事件

4 个答案: