我有多个下拉列表,需要使用相同的XML文件进行填充,但是它仅填充第一个,而我不知道如何填充其他列表。由于我将有10个以上的下拉列表,因此我希望它自动填充并且不要将脚本的值更改10次或更多。
提前谢谢!
<script>
$(document).ready(function()
$.ajax({
type: "GET",
url: "make.xml",
dataType: "xml",
success: function(xml) {
var select = $('#mySelect');$(xml).find('dropdown').each(function() {
$(this).find('make').each(function(){
var value = $(this).attr('value');
var label = $(this).text();
select.append("<option class='ddindent' value='"+ value+"'>"+label</option>");
});
});
select.children(":first").text("SelectMaterial").attr("selected",true);
} //sucess close
});
});
</script>
这是下拉列表:
<select id="mySelect" name="mySelect" style="width: 280px; ><option>loading</option></select>
这是XML文件:
<?xml version="1.0" encoding="iso-8859-1"?>
<dropdown>
<make value="Frame 1">Frame 1</make>"
<make value="Frame 2">Frame 2</make>"
<make value="Frame 3">Frame 3</make>"
</dropdown>