gpt4 book ai didi

javascript - 组合下拉列表不使用 javascript jquery getJSON 从文本文件生成数据

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

我有一个名为country.txt 的文本文件。数据存储在上述文件中,如下所示:

AF:Afghanistan
AX:Åland Islands
AL:Albania
DZ:Algeria
AS:American Samoa
AD:Andorra
AO:Angola

上述文本文件存储在Google Drive中。

我想在组合下拉列表中获取上述数据。我写的代码如下:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div>
<select id="countries" name="countries">
<option selected="selected" value="--Please Select--">--Please Select--</option>
$.getJSON("https://googledrive.com/host/0BxPZgr7ebTBdXzdMVWRZZ3FSSjA/country.txt", function( json ) {
$.each(json, function(key, val) {
$('select[name=countries]').append( "<option value='" + key + "'>" + val + "</option>" );
});
});
</select>
</div>
</body>
</html>

不幸的是,我无法使用上述代码获得所需的结果。

在列表框中显示:

--Please Select--
“ + val + “

我想获取国家/地区名称以及相应的值:

--Please Select—
Afghanistan
Åland Islands
Albania
Algeria
American Samoa
Andorra
Angola

如果有人在这方面帮助我,我将不胜感激。

最佳答案

我认为您的数据文件存在问题,它不是 json 文件。您应该在脚本标记内使用 $.getJSON。修改文件后尝试这样使用:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<div>
<select id="countries" name="countries">
<option selected="selected" value="--Please Select--">--Please Select--</option>
<script>
$.getJSON("https://googledrive.com/host/0BxPZgr7ebTBdXzdMVWRZZ3FSSjA/country.txt").success( function( json ) {
console.log(json);
$.each(json, function(key, val) {
console.log(key,val);
$('select[name=countries]').append( "<option value='" + key + "'>" + val + "</option>" );
});

}).error(function(error){
console.log(error);// currently your data will come here in error.
});
</script>
</select>
</div>
</body>
</html>

但是如果您仍然想继续使用当前文件,则将脚本替换为:

<script>
$.getJSON("https://googledrive.com/host/0BxPZgr7ebTBdXzdMVWRZZ3FSSjA/country.txt").success( function( json ) {
console.log(json);
$.each(json, function(key, val) {
console.log(key,val);
$('select[name=countries]').append( "<option value='" + key + "'>" + val + "</option>" );
});

}).error(function(error){
var x= error.responseText.split('\r\n');
console.log(x);
for(y in x){
var z=x[y].split(":");
if(z[0].length > 1){
$('select[name=countries]').append( "<option value='" + z[0] + "'>" + z[1] + "</option>" );
}
}
});

关于javascript - 组合下拉列表不使用 javascript jquery getJSON 从文本文件生成数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27415228/

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