从选择选项发送 id 到 Laravel 中的 ajax答案

【问题标题】：Send id from select option to ajax in Laravel从选择选项发送 id 到 Laravel 中的 ajax
【发布时间】：2017-10-19 22:14:46
【问题描述】：

我有一个项目列表，每个项目都有 ID。现在我想在单击每个项目选择选项时发送 id，但只输入第一个项目 id。我的代码在这里：

<input type="hidden" id="project_id" value="{{$project->id}}">
<select id="Ouritem" class="form-control">                                                                                            
    <option>select</option>
    <option value="1"finish</option>
    <option value="2">wait</option>
</select>
<script>
$(document).ready(function () {
    $(document).on('click', '#Ouritem', function (event) {
        var project_id = $('#project_id').val();
        console.log(project_id);
    });
)};
</script>

我该如何解决，当点击项目的选择选项时收到这个 project_id？

【问题讨论】：

标签： javascript php ajax laravel

【解决方案1】：

您的目标是输入，而不是选择框。

var project_id = $('#project_id').val();

应该是

var project_id = $('#Ouritem').val();

【讨论】：

这段代码给了我在隐藏输入中需要 project_id 的选项值

【解决方案2】：

如果您想在选定选项更改时获取它的值，请使用：

$('#Ouritem').on('change', function(){
    var project_id = $(this).val();
});

【讨论】：

这段代码给了我在隐藏输入中需要 project_id 的选项值
那你想要什么？

【解决方案3】：

$('#Ouritem').change(function(){ 
    console.log($(#project_id).val());  
});

使用更改而不是点击

【讨论】：