使用“text”&amp ;;从XML填充下拉列表“值”

时间:2014-05-09 20:27:04

标签: javascript jquery html xml drop-down-menu

我创建了一个从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>

1 个答案:

答案 0 :(得分:1)

您所要做的就是将文本行更新为以下内容:

text: $(this).text()+ " " + $(this).attr('value'),

你试过吗?