Question

这是一个非常简单的代码来提醒菜单项。我不知道为什么它不会在按钮点击时发出警告。

$( "#submit" ).click(function() {
    var test = document.getElementById("myddl");
    alert(test);
    });

HTML：

Header:
<br />
<select id="myddl" name="myddl">
    <option value="1">One</option>
    <option value="2">Twooo</option>
    <option value="3">Three</option>
</select>

<a class="btn btn-block btn-lg btn-success" id="submit" href="#fakelink"> Submit </a>

Answer 1

您可以尝试这样的事情（Demo on jsfiddle）：

$(function(){
    $("#submit").click(function(e) {
        e.preventDefault();
        var test = $("#myddl").val();
        alert(test);
    });
});

请勿混用jQuery和香草JavaScript。

Answer 2

你不应该混合使用jQuery和javascript，坚持使用jQuery更容易，因为在原生javascript中访问select中的选定选项很麻烦，你必须循环数组，比较if，如果选择等等。我建议您尝试以下代码：

如果您需要所选选项的文字：

$( "#submit" ).click(function() {
    var test = $("#mydd1 option:selected").html();
    alert(test);
});

如果你只需要价值标签：

$( "#submit" ).click(function() {
    var test = $("#mydd1 option:selected").attr("value");
    alert(test);
});

Answer 3

    try this

   <select id="myddl" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>

    <a class="btn btn-block btn-lg btn-success" id="submit" href="#fakelink"> Submit </a>


    <script>
    $("document").ready(function() 
        {
        $('#submit').click(function()
        {
            alert($("#myddl option:selected").val())
        })
    });
    </script>

按钮单击时的警报下拉菜单项

3 个答案: