jquery - 使用 Jquery 或 javascript 获取选定值而不重定向到另一个页面

Question

您好，我正在尝试使用 Jquery 从下拉列表中获取所选值。但是，当我单击该选项时，它会重定向到另一个页面，因此我无法在控制台上看到输出。谁能帮我解决一下代码吗？

这是我尝试过的

if(typeof jQuery == "undefined"){
    $(document).ready(function() {
        $("#uniqName_7_0DefaultSelect").change(function() {
            var selectedText = $(this).find(":selected").text();
            console.log(selectedText);
        });
    });
}

Answer 1

尝试使用 preventDefault() 来阻止默认操作:

$(document).ready(function() {
    $("#uniqName_7_0DefaultSelect").change(function(e) {
        e.preventDefault();

        var selectedText = $('option:selected', this).text();
        console.log(selectedText);
    });
});

希望这有帮助。

$(document).ready(function() {
  $("#uniqName_7_0DefaultSelect").change(function(e) {
    e.preventDefault();

    var selectedText = $('option:selected', this).text();
    console.log(selectedText);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="uniqName_7_0DefaultSelect"> 
  <option value="valeur1">Option 1</option> 
  <option value="valeur2">Option 2</option> 
  <option value="valeur3">Option 3</option> 
</select>