當使用.load時，Jquery只加載第一類下拉菜單

Question

好的，這是我的問題。我正在將.txt文件中的下拉數據加載到ID中。這種特殊的ID坐在4個班，由的div佈局的目的破

$("#dropdown").load("ddData/data.txt"); 

<div class="Class1"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class2"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class3"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class4"> 
Dropdown: <select id="SHCC" value="Dropdown"></select></div><br/> 

這只是一個普通的例子，我有做這種方式的理由，但由於某些原因，只有1類被裝載下拉數據，其他類不會被加載。

是否有另一種方法將數據加載到下拉菜單中，以保持每個類中的所有數據都是靜態的，而不是全部使用HTML進行硬編碼？

謝謝。

Answer 1

身份證應該是獨一無二的。更改ID到一個類，你應該得到預期的行爲，

$(".dropdown").load("ddData/data.txt"); 

<div class="Class1"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class2"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class3"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/> 

<div class="Class4"> 
Dropdown: <select class="SHCC" value="Dropdown"></select></div><br/>