下拉菜单根据选择调用 jQuery

Question

我正在尝试创建一个下拉菜单，该菜单根据下拉列表中的选择调用一些 jQuery，这会更改表中显示的数据。

我的代码：

选择菜单

<select style="margin-bottom: 8px; width: 14%; float: left;" onChange="eventtime('day');">

<option onSelect="eventtime('1');" value="1">Monday</option>

<option onSelect="eventtime('2');" value="2">Tuesday</option>

<option onSelect="eventtime('3');" value="3">Wednesday</option>

<option onSelect="eventtime('4');" value="4">Thursday</option>

<option onSelect="eventtime('5');" value="5">Friday</option>

<option onSelect="eventtime('6');" value="6">Saturday</option>

<option onSelect="eventtime('7');" value="7">Sunday</option>

</select>

jQuery

function eventtime(day){

     $.ajax({

    type: "POST",

    url: "assets/pages/habshine/events.php",

    data: "day=" +day,

     success: function(msg){

          $("#main").html(msg);

     }

});

}

这不起作用。有人知道我可能做错了什么吗？

Answer 1

function eventtime(){&nbsp; &nbsp; var day=$('#select_box').children(":selected").val();&nbsp; &nbsp; console.log("Day= "+day)&nbsp; &nbsp; $.ajax({&nbsp; &nbsp; type: "POST",&nbsp; &nbsp; url: "assets/pages/habshine/events.php",&nbsp; &nbsp; data: "day=" +day,&nbsp; &nbsp; &nbsp;success: function(msg){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $("#main").html(msg);&nbsp; &nbsp; &nbsp;}});}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><select style="margin-bottom: 8px; width: 14%; float: left;" onChange="eventtime();" id="select_box"><option value="1">Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="7">Sunday</option></select>如果选择框的值将发生变化，则转到eventtime()函数。该功能首先过滤所选日期对应的值并发布到以下网址。