使用jquery绑定下拉列表

Question

您好我正在开发一个移动应用程序，我试图从Web服务返回的xml数据中绑定国家/地区名称。

我有以下xml。 XML数据非常大，所以我在这里贴了几个作为样本。

<NewDataSet>
  <Table>
    <detail>
     <country country_sk="2" currency_sk="165" country_name="Afghanistan" country_telecom_code="93  " country_code="AF" />
     <country country_sk="5" currency_sk="166" country_name="Albania" country_telecom_code="355 " country_code="AL" />
     <country country_sk="62" currency_sk="167" country_name="Algeria" country_telecom_code="213  " country_code="DZ" />
    </detail>
  </Table>

我使用以下代码访问Web服务。我认为问题在于成功的功能。

<script>
$(document).ready(function(){
$.ajax({
type: "GET",
url: "http://www.url.asmx/countryList",
dataType: "xml",
success: function (xml) {
//var result = $(xml).find("country[country_sk=2]");
//var item = $(this), 
//itemid =  item.attr('id');
//         alert(data.nested.nestedString);
  //  alert(data.nested.nestedInt)

  var select = $('#mySelect');
  $(xml).find('country').each(function(){
    var value = $(this).attr('country_name');
    select.append("<option country_name='"+ country_name +"'>"+country_name+"</option>");
    });
        select.children(":first").text("--Select country--").attr("selected",true);
}
}); 
});

</script>

这是我的下拉列表HTML代码

 

  <select id="mySelect"> 
          <option>loading</option> 
  </select> 
</div>

---

您好我认为我通过修改代码找到了问题，现在弹出错误

声明“TypeError：无法读取属性'documentElement'为null”##

$(document).ready(function(){
$.ajax({
    url: "http://www.mobwebservice/url.asmx/countryList",
    type: "POST",
    dataType: "xml",
    data: soapMessage,
    processData: false,
    ContentType: "text/xml; charset=utf-8",
    success: function (xml) {
    //var xml = '<NewDataSet>  <Table>    <detail>     <country country_sk="2"currency_sk="165" country_name="Afghanistan" country_telecom_code="93  " country_code="AF" />     <country country_sk="5" currency_sk="166" country_name="Albania" country_telecom_code="355 " country_code="AL" />     <country country_sk="62" currency_sk="167" country_name="Algeria" country_telecom_code="213  " country_code="DZ" />    </detail>  </Table></NewDataSet>';
    var select = $('#mySelect');
    $(xml).find('country').each(function(){
    var value = $(this).attr('country_name');
    select.append("<option value='"+ value +"'>"+value+"</option>"); //SHould be value
    });

 select.val("-1"); //<-- Just use val
    },
    error:
    function (XMLHttpRequest, textStatus, errorThrown) {
    alert('Fail');
    alert(errorThrown);
    }
}); 
});

我添加了错误功能。

，我正在弹出一个

TypeError：无法读取null的属性'documentElement' 请帮我解决这个错误

Answer 1

您的值是变量命名值，而不是country_name

 select.append("<option value='"+ value +"'>"+value+"</option>");