如何运行ajax从下拉项在laravel

Question

大家早上好!我是新的编码和学习laravel为家庭项目。我试图从数据库按下拉选择获取数据。下拉项的代码如下

<div class="dropdown">
<button class="btn p-0" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bx-dots-vertical-rounded"></i>
</button>
<div id="milkstatementdropdown" name="milkstatementdropdown"class="dropdown-menu dropdown-menu- end" aria-labelledby="milkstatementdropdown">
<li><a class="dropdown-item" href="javascript:void(0);">Yesterday</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Last 7 Days</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Last Month</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Last 3 Month</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Last 6 Month</a></li>
</div>
</div>

'选择下拉项后，需要获取值，然后使用AJAX将其传递给控制器。

下面是获取选择值和处理ajax的脚本。

$("#milkstatementdropdown").change(function(){
var duration = $(this).val();
alert(course);
// ajax call

});

i am not able to get the Alert.

是我写错了什么吗?

Thanks in Advance.

Answer 1

try this

$('#id').on('select2:close', function () {
//do anything
});

Answer 2

试试这个//你可以使用任何

$('#milkstatementdropdown li a').on('click', function(){
alert($(this).text());
//do anything
});

Answer 3

你必须使用onClick，因为你的下拉菜单不是一个选择标签:-

<li><a class="dropdown-item" href="javascript:void(0);" onclick="get_data('Yesterday')">Yesterday</a></li>
<li><a class="dropdown-item" href="javascript:void(0);"  onclick="get_data('Last 7 Days')">Last 7 Days</a></li>
<li><a class="dropdown-item" href="javascript:void(0);" onclick="get_data('Last Month')">Last Month</a></li>
<li><a class="dropdown-item" href="javascript:void(0);" onclick="get_data('Last 3 Month')">Last 3 Month</a></li>
<li><a class="dropdown-item" href="javascript:void(0);" onclick="get_data('Last 6 Month')">Last 6 Month</a></li>

然后在你的Javascript部分你有get_data函数来处理onClick事件。

function get_data(duration){
// Now you can get data from controller according to received 'duration'
// ajax call
}