如何在函数上使用javascript两次使用JSON文件_Javascript_Html_Json_Scope_Global Variables

如何在函数上使用javascript两次使用JSON文件

javascript html json

如何在函数上使用javascript两次使用JSON文件,javascript,html,json,scope,global-variables,Javascript,Html,Json,Scope,Global Variables,我正在尝试创建一个网页，在那里我可以加载它，它从.js文件创建一个数据并填充到一个下拉列表中当用户选择一个数据时，它将把输出带到输出字段中。我怎么可能做到呢？请帮忙 Js文件在这里“” 函数myFunction（arr）{ var out=“”； var i；对于（i=0；i请阅读代码和注释，如果有不清楚的地方请告诉我 //从文件中删除 var arr=[ { “显示”：“HTML教程”， “url”：”http://www.w3schools.com/html/default.as

我正在尝试创建一个网页，在那里我可以加载它，它从.js文件创建一个数据并填充到一个下拉列表中

当用户选择一个数据时，它将把输出带到输出字段中。我怎么可能做到呢？请帮忙

Js文件在这里“”



函数myFunction（arr）{
var out=“”；
var i；
对于（i=0；i请阅读代码和注释，如果有不清楚的地方请告诉我

//从文件中删除
var arr=[
{
“显示”：“HTML教程”，
“url”：”http://www.w3schools.com/html/default.asp"
},
{
“显示”：“CSS教程”，
“url”：”http://www.w3schools.com/css/default.asp"
},
{
“显示”：“JavaScript教程”，
“url”：”http://www.w3schools.com/js/default.asp"
},
{
“显示”：“jQuery教程”，
“url”：”http://www.w3schools.com/jquery/default.asp"
},
{
“显示”：“JSON教程”，
“url”：”http://www.w3schools.com/json/default.asp"
},
{
“显示”：“AJAX教程”，
“url”：”http://www.w3schools.com/ajax/default.asp"
},
{
“显示”：“SQL教程”，
“url”：”http://www.w3schools.com/sql/default.asp"
},
{
“显示”：“PHP教程”，
“url”：”http://www.w3schools.com/php/default.asp"
},
{
“显示”：“XML教程”，
“url”：”http://www.w3schools.com/xml/default.asp"
}
];
函数myFunction（arr）{
var out=“”；
var i；
out+=“选择一个网站”；
对于（i=0；i如果文件是外部的，该怎么办？我如何在HTM上解析或声明它？代码段不会运行。在我的情况下，我没有服务器可以在这个文件上运行。我只需要在本地网络上运行它。我读了一些关于ajax的教程，但我认为我不支持本地网络。但是如果我错了，请告诉我如何运行。你的第一个代码段是正确的t但我需要外部访问js或json文件，这样我就可以不时更新js文件。非常感谢您的帮助，我期待着正确的操作。：）但是，如果我有两个值，每个值都显示为URL和overview，该怎么办呢？我可以使用json还是需要使用ajax和jQuery进行访问？你可以这样做，但是使用nativeselect时，它看起来很难看（很多文本），所以你可以使用类似的插件。
<!DOCTYPE html>
<html>
<body>

<select id="id01" onchange="getURL()"></select >
<p id="output"></p>
<script>
function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i<arr.length; i++) {
        out += '<option>' + arr[i].url + '</option>';
    }
    document.getElementById("id01").innerHTML = out;
}

function getURL(){

myFunction();
//the display and url should be placed on output field <p>

}
</script>

<script src="myTutorials.js"></script>

</body>
</html>