我创建了一个从xml文件中提取的下拉菜单。但是,我希望xml中每个选项的“值”也可以在下拉选项中看到。因此,使用下面的xml代码,下拉文本将如下所示:
Doctor 1
Dentist 2
Vet 3
等
我如何提取价值?
//XML
<ps>
<specialty value="1">Doctor</specialty>
<specialty value="2">Dentist</specialty>
<specialty value="3">Vet</specialty>
<ps>
$(document).ready(function () {
var ps_data;
// Loading xml
$.get('test.xml', function (data) {
ps_data = data;
var ps = $('#special');
$('specialty', ps_data).each(function () {
$('<option />', {
text: $(this).text(),
value: $(this).attr('index')
}).appendTo(ps);
});
}, 'xml');
});
//HTML
<div>
<select name="Count_1" class="special" id="special">
<option value="">Select Specialty</option>
</select>
</div>
答案 0 :(得分:1)
您所要做的就是将文本行更新为以下内容:
text: $(this).text()+ " " + $(this).attr('value'),
你试过吗?