gpt4 book ai didi

javascript - 解析 .txt 文件以使用 jQuery 填充 html 选择

转载 作者:行者123 更新时间:2023-11-30 16:28:51 25 4
gpt4 key购买 nike

我有一个以 JSON 格式组织的文本文件,如下所示:

{
"courseSubject": "Accountancy",
"courseSubject": "American Studies",
"courseSubject": "Anatomy & Regenerative Biology",
"courseSubject": "Anesthesiology",
"courseSubject": "Anthropology",
"courseSubject": "Applied Science",
"courseSubject": "Arabic",
"courseSubject": "Art/Art History"
}

我正在尝试解析我的文本文件并将 JSON 值添加到我的 html 选择下拉列表中。请在下面查看我的代码,我不知道我哪里出错了:

<html>
<head>
<title>Test</title>
</head>
<body>

<select class="selectpicker" data-style="btn-inverse" data-width="300px">


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript">

$.getJSON("courses.txt", function( json ) {
$.each(json, function(key, value) {
$('.selectpicker').append('<option value="' + key + '">' + json[key] + '</option>');
});

</script>
</body>
</html>

例如,我希望我的选择选项是:会计美国研究,解剖与再生生物学等...

最佳答案

$('selectpicker') 之前添加点 (.) 因为您使用的是类选择器,它应该是:

$('.selectpicker').append('<option value="' + val + '">' + json[val] + '</option>');
___^

for 循环和 each 函数中。

var json = {
"courseSubject": "Accountancy",
"courseSubject": "American Studies",
"courseSubject": "Anatomy & Regenerative Biology",
"courseSubject": "Anesthesiology",
"courseSubject": "Anthropology",
"courseSubject": "Applied Science",
"courseSubject": "Arabic",
"courseSubject": "Art/Art History"
};

$.each(json, function(key, value) {
$('.selectpicker').append('<option value="' + key + '">' + json[key] + '</option>');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selectpicker" data-style="btn-inverse" data-width="300px"></select>

希望这对您有所帮助。

关于javascript - 解析 .txt 文件以使用 jQuery 填充 html 选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33660439/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com