Question

我在每个select标签上都有2个具有相同ID的下拉菜单，如下所示：

下拉菜单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>

现在，我以这种方式调用ID：

$(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（select＃Id-form-control）。

我想知道如何使用jquery区分这些ID。

Answer 1

无论您对'Id'进行什么操作，都应通过react中的'class'或'className'完成，因为“ id”对于每个标签都是唯一的。

2个具有相同ID的Dropdrows

1 个答案: