2 Dropdrow с одинаковым идентификатором

Question

У меня есть 2 выпадающих списка с одинаковым идентификатором в каждом теге выбора, что-то вроде этого:

раскрывающийся список 1:

<select class="form-control" data-val="true" data-val-number="The field Id must be a number. id="Id" name="Id">...</select>

раскрывающийся список 2:

<select class="form-control" id="Id" name="Id"><option value="21">Pre-Production</option>
<option value="18">In Viability Test </option>
</select>

Сейчас я называю идентификаторы следующим образом:

$(document).ready(function () {
$("#Id").change(function () {
...  $("#Id").empty();  ...                    

Вот как оба раскрывающихся списка генерируются в html:

div class="card-body">
                    <form action="#">
                        <div class="form-group-feedback form-group-feedback-left"">
                            @Html.DropDownListFor(model => model.Class1.OfType<Class1>().FirstOrDefault().Id, Model.SelectedListClass1, new { @class = "form-control" })
                        </div>
                    </form>
                </div>

div class="card-body">
                    <form action="#">
                        <div class="form-group-feedback form-group-feedback-left"">
                            @Html.DropDownListFor(model => model.Class2.OfType<Class2>().FirstOrDefault().Id, Model.SelectedListClass2, new { @class = "form-control" })
                        </div>
                    </form>
                </div>

Проблема в том, что #Id из первого и другого выпадающего списка формы имеют одинаковый #id (выберите # Id-form-control).

Я хотел бы знать, как я могу различить эти идентификаторы, используя jquery.

Answer 1

Все, что вы делаете с 'Id', должно быть сделано через 'class' или 'className' в реагировать, потому что 'id' должен быть уникальным для каждого тега.