使用.load时,Jquery只加载第一类下拉菜单

时间:2011-09-29 22:27:55

标签: jquery load

好的,这是我的问题。我正在将.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/>

这只是一个通用的例子,我有理由这样做,但由于某种原因,只有class1加载下拉数据,其他类不加载。

是否有另一种方法可以将数据加载到下拉菜单中,以便在每个类中保持所有数据的静态,而不是在HTML中对其进行全部硬编码?

感谢。

1 个答案:

答案 0 :(得分:0)

Id应该是独一无二的。将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/>