Question

我想从包含json数据的文本文件中填充我的选择框。 Json数据放在person.txt文件中。您也可以建议您是否有更好的方法从外部文件填充选择框。我有大量的选择框要填充。

var json = {
    "1": "Accountancy",
    "2": "American Studies",
    "3": "Anatomy & Regenerative Biology",
};

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  <title>Test</title>
</head>
<body>
  <select class="selectpicker" data-style="btn-inverse" data-width="300px">
  <script type="text/javascript">

 $.getJSON("person.txt", function( json ) {
    $.each(json, function(key, value) {
    $('.selectpicker').append('<option value="' + key + '">' + json[key] + '</option>');
});
});

  </script>
</body>
</html>

Answer 1

您的代码似乎没问题。

如果您保存JSON数据，请将文件保留为 .json 扩展名，而不是 .txt

Answer 2

$ .getJSON（＆＃34; person.json＆＃34;，function（json）{}）;对待person.json是在本地服务器上。这意味着它就像＆＃34; http://localhost/.../person.json＆＃34;。所以将json文件放在本地计算机的IIS上。浏览该文件从IIS复制该文件URL表单浏览器并使用如下所示。 $ .getJSON（＆＃34; http://localhost/MyLocalSite/person.json＆＃34;，function（json）{}）;

希望它会对你有所帮助:)。

从文本文件中填充选择框

2 个答案: