Как написать JavaScript для нескольких входов? - PullRequest
2 голосов
/ 23 мая 2019

Я использую несколько входов в своем приложении и хочу отфильтровать 2-й выпадающий список на основе выбора 1-го выпадающего списка.

@foreach (range(1, 5) as $x)
        <table>
            <tr>
                <td>
                    <div class="control-group">
                        <label class="control-label" for="course-{{ $x }}">
                             Course #{{$x}}
                        </label>
                        <div class="controls">
                            <select name="Course{{$x}}" id="Course{{$x}}" required="true">
                                <option selected value='0'>--Select Course--</option>
                                @foreach($Courses as $crs)
                                    <option value="{{$crs->Code}}">{{$crs->Code}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="control-group">
                        <label class="control-label" for="Subject-{{ $x }}">Subject </label>
                        <div class="controls">
                            <select name="Subject{{$x}}" id="Subject{{$x}}" required="true">
                            </select>
                        </div>
                    </div>
                </td>
             </tr>
         </table>
@endforeach

Моя проблема в том, как я могу написать js при изменении 1-го выпадающего списка для этих нескольких входов?

$("#Course").on("change", function()

1 Ответ

0 голосов
/ 23 мая 2019

Вы должны добавить класс в первом выпадающем списке. после этого вы можете трактовать его по Id. Например:

 <select name="Course{{$x}}" class="courses" id="Course{{$x}}" required="true"> 

и вы можете отслеживать его по идентификатору

$(".courses").on("change", function(){
    courseId = $(this).attr("id");
});

Теперь у вас есть идентификатор выбранного курса, вы можете изменить свой 2-й выпадающий список на основе выбора 1-го выпадающего списка.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...