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

下面是非常简单的代码来提醒菜单项。我不知道为什么它在点击按钮时不发出警报

html:

标题： 一 Twooo 三

---

您不应该混合使用jQuery和javascript，坚持使用jQuery更容易，因为在本机javascript中，访问select中的select选项是一件痛苦的事情，您必须循环数组，与if、if selected等进行比较。我建议您尝试以下代码：

如果需要所选选项的文本：

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

如果您只需要值标记：

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

---

您可以尝试以下方法：

---

不要混合使用jQuery和vanilla JavaScript。

使用document.getElementByIdmyddl.value您的小提琴工作正常，它会提醒所选项目的值。然而，fiddle JavaScript与这个问题完全不同……你不应该混合使用jQuery和JavaScript，坚持使用jQuery更容易。。。是的，这实际上是个糟糕的建议。如果可以使用原生JS轻松快速地编写代码，那么使用jQuery是个坏主意。还有：.attrvalue，真的吗？我明白一点，我们不应该混合使用原生JavaScript和jQuery。但OP的代码中到底是什么导致了错误？@SidCool No这只是一个小小的提示。主要的一点是document.getElementById不能这样打印，因为他需要访问所选的选项并循环数组等等，所以我决定使用jQuery Api选择器来避免这种讨厌的废话。编辑了我的帖子并添加了我的决定意图，希望这能让你们开心。。。

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

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

    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>