慕尼黑8549860
2023-04-27 10:14:01
id當我們在兩個不同的標簽中使用相同的名稱時,我收到以下警告form。[DOM] 找到 2 個具有非唯一 ID 的元素這是我的 HTML 片段: <div class="modal-dialog"> <form action="" method="post" id="myid-1" name="myid-1"> <input type="text" class="form-control" id="Job_Name" name="Job_Name" required=""> <label for="Job_Name">Job Name<span class="text-danger">*</span></label> <button type="submit">Submit</button> </form> </div> <div class="modal-dialog"> <form action="" method="post" id="myid-2" name="myid-2"> <input type="text" class="form-control" id="Job_Name" name="Job_Name" required=""> <label for="Job_Name">Job Name<span class="text-danger">*</span></label> <button type="submit">Submit</button> </form> </div>如何解決“找到 2 個具有非唯一 ID 的元素”警告?
8 回答

慕雪6442864
TA貢獻1812條經驗 獲得超5個贊
您需要更改id="Job_Name"
為唯一的,id="Job_Name1" id="Job_Name2"
例如,因為 ID 在 DOM 中必須是唯一的。
當您想使用document.getElementById('Job_Name')
或使用 jQuery選擇元素時,它會產生沖突$('#Job_Name')
,因為您將無法獲得具有相同 ID 的第二個或其他元素。您將需要使用 index 和 querySelectorAll ,這將首先破壞使用 Id 的目的。

揚帆大魚
TA貢獻1799條經驗 獲得超9個贊
<input type="text" class="form-control" id="Job_Name" name="Job_Name" required="">
您需要為每個輸入更改 de id

楊魅力
TA貢獻1811條經驗 獲得超6個贊
<input type="text" class="form-control" id="Job_Name" name="Job_Name" required="" >
以兩種不同的形式復制輸入標簽
您必須為不同的元素使用不同的 id

GCT1015
TA貢獻1827條經驗 獲得超4個贊
只需對兩個字段之一使用 new { id = "" } :
@Html.HiddenFor(m => m.Name, new { id = "" })

狐的傳說
TA貢獻1804條經驗 獲得超3個贊
如果你使用的是 react native web 或 expo pwa,請使用 nativeID 代替 id
<input nativeID="someId"/>

qq_遁去的一_1
TA貢獻1725條經驗 獲得超8個贊
更改輸入中的 ID,因為它們是導致問題的原因。
作為一般規則,您不希望在任何元素上使用相同的 ID。
id 建議使用類似于 job_name1/job_name2 的內容
添加回答
舉報
0/150
提交
取消