如何插入xml文本& html选项文本中的值&值

时间:2015-12-27 11:23:50

标签: javascript jquery html xml

我想插入option标记,其中包含来自阅读xml标记的文字和值。

在这里,我想像下面这样插入<option value> Text</option>

<option value[from each xml col1]> Text [from each xml col2] </option>

以下是代码:

&#13;
&#13;
var xml = ' <row id="1_2"> <col1>46.0</col1>   <col2>Acting Allowance</col2> </row> <row >            <col1>A1</col1> <col2>Allowance for 65 years plus</col2></row>',
    xmlDoc = $.parseXML(xml),
    $xml = $(xmlDoc);


$xml.find('col2').each(function () {
    var option = $(this).text(), //i want to take text from each col2 as option text  
        value = $(this).attr('value'); //i want to take text from each col1 as option value  
    $("#selectID").append("<option value='" + value + "'>" + option + "</option>");
});
&#13;
<select id="selectID"></select>
&#13;
&#13;
&#13;

如需了解更多信息,请与我们联系。感谢。

1 个答案:

答案 0 :(得分:1)

您的XML无效。您必须插入任何根节点(我刚刚用<root>节点包装了xml。

var xml = '<root><row id="1_2"><col1>46.0</col1><col2>Acting Allowance</col2></row><row><col1>A1</col1><col2>Allowance for 65 years plus</col2></row></root>',
    xmlDoc = $.parseXML(xml),
    $xml = $(xmlDoc);


$xml.find('row').each(function() {
  var row = $(this),
      option = row.find('col2').text(), //i want to take text from each col2 as option text  
      value = row.find('col1').text(); //i want to take text from each col1 as option value

  $("#selectID").append("<option value='" + value + "'>" + option + "</option>");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectID"></select>