时间戳

首页 > 解决方案 > 2个具有相同ID的Dropdrows

javascript - 2个具有相同ID的Dropdrows

问题描述

我在每个选择标签上有 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。

标签： javascriptjqueryhtmlasp.net-mvc

解决方案

无论你对 'Id' 做什么，都应该通过 react 中的 'class' 或 'className' 来完成，因为 'id' 对于每个标签来说都是唯一的。

推荐阅读