Question

当我从移动设备中的选择菜单中选择时，它没有做任何事情（运行验证或向服务器发送数据），直到我再次选择相同的选项，它只发生在移动设备上？

＆＃13;

	$("#major").click(function(){
	check_major();
	});

＆＃13;

  <select name="section[]" class="custom-select" id="major" >
    <option selected>Choose...</option>
    <option value="1">Electrical</option>
    <option value="2">Mechanical</option>
    <option value="3">Civil</option>
    <option value="4">Archticture</option>
  </select>

＆＃13;

是事件中的问题（点击）我试过模糊 - onchange - on（触摸，功能（）

Answer 1

首先，您需要在加载DOM内容后调用脚本，方法是调用DOM末尾的脚本，或者将其包装在$(document).ready函数中。

然后，要捕获选择更改，您需要使用change事件

＆＃13;

var check_major = function( e ) {
  console.log( $(this).val() )
}

$("#major").on("change", check_major);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="section[]" class="custom-select" id="major" >
    <option selected>Choose...</option>
    <option value="1">Electrical</option>
    <option value="2">Mechanical</option>
    <option value="3">Civil</option>
    <option value="4">Archticture</option>
  </select>

＆＃13;

Answer 2

$('#major').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="section[]" class="custom-select" id="major" >
    <option selected>Choose...</option>
    <option value="1">Electrical</option>
    <option value="2">Mechanical</option>
    <option value="3">Civil</option>
    <option value="4">Archticture</option>
  </select>

当我从移动设备的选择菜单中选择时，它没有做任何事情？

2 个答案: