Question

单击选择按钮时，它不会进入该功能？这是为什么？浏览器中的控制台是空的。

HTML：

<select name="field_choice[]"
        id="field_choice_1"
        class="form-control field_choice">
    <option value="0" >Link</option>
    <option value="1">Text</option>
</select>

JS：

<script type="text/javascript">
    $(".field_choice").on("click",function(){
        console.log(1);
    });
</script>

Answer 1

你不能忘记添加jquery，我添加了这样脚本只在所有html加载时运行，如果你需要点击它时的值$(".field_choice").val()

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script type="text/javascript">
    $(document).load(function(){
        $(".field_choice").on("click",function(e){
            console.log($(".field_choice").val());
        });
    }
</script>

Answer 2

$(".field_choice").on("change",function(){
    console.log(1);
});

<select name="field_choice" id="field_choice_1" class="form-control field_choice">
    <option value="0" >Link</option>
    <option value="1">Text</option>
</select>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

改变不是点击。

Answer 3

将脚本放在身体的最底部。

使用onload函数对其进行环绕：

$(document).load(function(){
  $(".field_choice").on("change",function(){
        console.log(1);
  });

}

Answer 4

$(document).ready(function(){
$(".field_choice").on("change",function(){
    console.log($(this).val());
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="field_choice[]" id="field_choice_1" class="form-control field_choice">
    <option value="0" >Link</option>
    <option value="1">Text</option>
</select>

Answer 5

我认为您可能需要在

之间包装jQuery命令

$(function() {

和

});

这样，当所有DOM元素（选择，选项等）都被渲染（=存在）时，你总是确定它们会被执行。如果之前执行了命令，则选择器不会攻击任何.field_count元素，因此不起作用。

每个“DOM编辑”jQuery命令都应该包含在这样的匿名函数中！

Answer 6

onclick：

单击指点设备按钮时会发生onclick事件在元素上。此属性可用于大多数元素。

onchange：

当控件丢失输入焦点及其时，会发生onchange事件自获得关注以来，价值已被修改。

https://www.w3.org/TR/html4/interact/scripts.html

从我所看到的，您希望使用onchange获取选择列表的值。

您的代码有效，但可能不是您的预期

要根据您的HTML代码获取值，<option value="0" >Link</option>请执行以下操作：

$(".field_choice").on("change",function(){
    console.log($(this).val());
});

https://jsfiddle.net/88yo1zcy/

要获取文本值，请执行以下操作：

$(".field_choice").on("change",function(){
    console.log($('option:selected').text());
});

https://jsfiddle.net/r5dzvjqp/

你如何获得选择按钮的价值？

6 个答案: