在循环内更改多个下拉菜单值

时间:2019-04-08 03:00:31

标签: jquery laravel eloquent

大家好我是laravel和Jquery的新手。 如何根据接收到的值更改通过foreach循环生成的多个下拉值

我使用了jquery,但它仅更改了第一个下拉值,而不会更改其余的

我的观点

@extends('layouts.app')

@section('content')
   <!-- Modal for adding new request-->
                    <form method="post" action="insertrequest">
                        @csrf
                        <table id="formTable" >
                            <thead>
                            <td>مقدار</td>
                            <td>واحد</td>
                            <td>شرح</td>
                            <td>ملاحظات</td>
                            </thead>
                            @foreach($result as $results)
                            <tr>
                                <td><input type="text" class="form-control" name="quantity[]" id="quantity" placeholder="مقدار" value="{{$results->quantity}}"></td>
                                <td><select name="units_id[]" id="units_id">
                                        @foreach($unit as $units)
                                            <option value="{{$units->id}}">{{$units->unit_name}}</option>
                                        @endforeach
                                    </select></td>
                                <td><input type="text" class="form-control" name="description[]" id="description" value="{{$results->description}}"></td>
                                <td><input type="text" class="form-control" name="remarks[]" id="remarks" value="{{$results->remarks}}"></td>
                            </tr>
                                <script>
                                    $("#units_id").closest("tr",document.getElementById("units_id").value = "{{$results->units_id}}");
                                </script>
                            @endforeach
                        </table>
                        <input type="submit" class="btn btn-primary" value="submit">
                    </form>
@endsection

enter image description here

1 个答案:

答案 0 :(得分:1)

我已经审查了您的代码 问题在选择标签行中 您必须为每个选择标签下拉列表设置唯一的ID。 有多个选择标记正在生成,因此javascript每次发生第1次出现units_id时,您都必须设置唯一ID

因此,创建动态ID即可...