將ID從選擇選項發送到Laravel中的Ajax

Question

我有我的項目列表，每個項目都有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？

Answer 1

您定位輸入，而不是選擇框。

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

應該

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

Answer 2

如果要在選定選項更改時獲取其值，請使用以下方法：

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

Answer 3

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

用於更改而不是單擊