使用jQuery从XML填充Select Box

时间:2016-08-23 17:22:36

标签: javascript jquery html xml

我在这里看到了几个如何做到这一点并成功实现了其他使用属性的例子。这次我给了没有属性的XML,我试图弄清楚如何从节点值而不是属性填充我的选择列表。我一直在返回对象而不是文本。我在这里做错了什么?

代码:

var code_data;
$.get('Book.xml', function (data) {
    code_data = data;
    var that = $('#BookDropdown');
    $('Book', code_data).each(function () {
        $('<option />', {
            text: $('BookName').val('label'),
            value: $('BookID').val('value')
        }).appendTo(that);
    });
}, 'xml');

XML:

<BookList>
  <Book>
    <BookName>Book One</BookName>
    <BookID>1</BookID>
  </Book>
  <Book>
    <BookName>Book Two</BookName>
    <BookID>2</BookID>
  </Book>
  <Book>
    <BookName>Book Three</BookName>
    <BookID>3</BookID>
  </Book>
  <Book>
    <BookName>Book Four</BookName>
    <BookID>4</BookID>
  </Book>
  <Book>
    <BookName>Book Five</BookName>
    <BookID>5</BookID>
  </Book>
</BookList>

1 个答案:

答案 0 :(得分:0)

您访问termsBookName的方式是错误的。 。 。使用以下代码。 `

BookID

`