在页面加载时填充select的问题

时间:2016-02-18 19:12:21

标签: javascript jquery ajax xml forms

我知道这看起来像是一个dublicate。但我认为我有正确的代码,但显然不会导致它不起作用。我在这里想念什么?所以我打算阅读xml文件并在页面加载时填充select。或准备好文件..

    <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
    <title>xml to select</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<script>
$(document).ready(function() {
  $.ajax({
    type: "GET",
    url: "test.xml",
    dataType: "xml",
    success: function(xml) {
      $("#myDiv").append("<select id='mySelect'>");
      $(xml).find('value').each(function(){
        var a = $(this).text();
        $("#mySelect").append("<option class='nice' value='" + a + "'>" + a + "</option>");
      });
      $("#myDiv").append("</select>");
    }
  });
}</script>
</head>
<body>

<div id="myDiv"></div>
  </body>
</html>

感谢您的明确和理解的答案:)

0 个答案:

没有答案