javascript - 如何使用 javascript 检索带有条件 if() 的选择标记中指定值的 xml 数据

Question

我的 school.xml 文件包含以下数据:

    <?xml version="1.0" encoding="UTF-8"?>
<schoolList>
    <city name="An Giang">
        <school>An Giang University</school>
        <school>An Giang 2 University</school>
    </city>
    <city name="An Thuan">
        <school>An Thuan University</school>
        <school>An Thuan 2 University</school>
    </city>
</schoolList>

我的html代码:

<select name="txtUnivState" id="txtUnivState">
   <option value="An Giang">An Giang</option>
   <option value="An Thuan">An Thuan</option>
</selcet>

我想按值获取数据，即如果 value="An Giang"显示带有安江市学校名称的选项标签:

<div id="school" style="display: none;">
    <select name="school" id="school">
        <option value="school_name[]">school_name[]</option>
    </select>

</div>

我怎样才能得到这个？请任何解决方案，谢谢..

Answer 1

假设您的 xml 作为字符串，您可以使用此代码片段来获取相关的 xml 元素

function getData (xmlString, value) {

    var parser = new DOMParse();
    var doc = parser.parseFromString(xmlString, "text/xml");

    // now you need to look for the data with name of your choice

    var cities = doc.getElementsByTagName("city");
    for (var i = 0; i<cities.length; i++) {
       if(cities[i].getAttribute("name") == value) {
           return cities[i];
       }
    }

}