当使用.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/>