提问人:RA.IBOY 提问时间:10/31/2023 最后编辑:RA.IBOY 更新时间:10/31/2023 访问量:49
Laravel:如何立即从选择中更新所选值
laravel how to update the selected value from selection immediately
问:
我正在处理一个 laravel 项目,我想创建一个选择,当我单击选择时,所选值会立即更新,这是标记:
<select name="survey_option", id="survey_option" class="flex space-x-3 items-center">
<option value="NoLink" disabled>Please select</option>
<option value="option 1">option 1</option>
<option value="option 2">option 2</option>
</select>
脚本如下:
<script>
survey_option=$('select[name=survey_option]').val();
</script>
这是 API:
$selected_label = $request->survey_option;
当前结果是我可以进行选择,但在单击选择后无法立即更新所选值。你能帮我弄清楚吗?非常感谢!
答:
2赞
Jeyhun Rashidov
10/31/2023
#1
该标记不应存在于 中。<div>
<select>
<select name="survey_option" id="survey_option">
<option value="NoLink" disabled>Please select</option>
<option value="option 1">option 1</option>
<option value="option 2">option 2</option>
</select>
为此,您应该将事件侦听器附加到 select 元素:change
$(document).ready(function() {
$('select[name=survey_option]').on('change', function() {
var survey_option = $(this).val();
console.log(survey_option);
// your codes
});
});
您可以检查控制台以确保在函数中获得正确的选项值
评论
0赞
RA.IBOY
10/31/2023
感谢您的帮助!我刚刚尝试了您的方法,console.log 运行良好,每次更改选择时都会更新所选值,但是在我的 api 中,收到的值仍然没有立即更新,我更新了我的 api 代码,你能看看吗?谢谢!
0赞
brombeer
10/31/2023
@RA。IBOY:你必须自己处理,在哪里。需要更多信息。你的API是什么?什么时候调用?如何将更改后的值传递给 API?// your codes
0赞
RA.IBOY
10/31/2023
@brombeer我使用 API 接收请求并进行一些计算。我把代码放在我的主要问题部分。 你能看看吗?谢谢!
0赞
brombeer
10/31/2023
仅凭“api”是无济于事的。您放置了哪些代码来处理更新您的 api?(这可能本身就是一个问题,因为这个问题似乎可以通过这个答案来解决)您是否发出任何 AJAX 请求来更新您的“api”?// your codes
0赞
RA.IBOY
11/1/2023
@brombeer感谢您的帮助!我会问另一个问题。
评论
<div>
<select>