Populate Dropdown from XML with"text" & "value"

Question

I have created a dropdown menu that pulls from an xml file. However, I would like the "value" of each option in the xml to also be visible in the dropdown option. So with the below xml code the dropdown text would look like this:

 Doctor 1
 Dentist 2
 Vet 3

etc.

How do I pull the value as well?

    //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>

mmilleruva · Accepted Answer · 2014-05-09 20:49:05Z

1

All you should have to do is update your text line to the following:

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

Have you tried that?

answered May 9, 2014 at 20:49

mmilleruva

2,17818 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Populate Dropdown from XML with"text" & "value"

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related