我正在嘗試創建一個下拉菜單，該菜單根據下拉列表中的選擇調用一些 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>jQueryfunction eventtime(day){ $.ajax({ type: "POST", url: "assets/pages/habshine/events.php", data: "day=" +day, success: function(msg){ $("#main").html(msg); }});}這不起作用。有人知道我可能做錯了什么嗎？
1 回答
SMILET
TA貢獻1796條經驗 獲得超4個贊
function eventtime(){
var day=$('#select_box').children(":selected").val();
console.log("Day= "+day)
$.ajax({
type: "POST",
url: "assets/pages/habshine/events.php",
data: "day=" +day,
success: function(msg){
$("#main").html(msg);
}
});
}
<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()函數。該功能首先過濾所選日期對應的值并發布到以下網址。
- 1 回答
- 0 關注
- 147 瀏覽
添加回答
舉報
0/150
提交
取消