Javascript 获取输入以运行程序并在网页上显示输出

我想从一个网页获取输入，在js上运行一个函数，并将其显示回网页。出于某种原因，如果我从网页获取输入，则函数不执行/发布，但如果我在js代码本身中给出值，则显示就可以了。请帮忙

产出没有达到预期。我希望字段Country name和rate check是我函数的值，并且结果显示在rate标签之后

HTML

国家名称：

费率检查：

费率：



生成率

Javascript

//设置

var CountrySet = [
    {
        "CountryName" : "Egypt",
        "ExchangeRate" : "25",
        "PrimRate" : "8.5",
        "SecRate" : "3.9",
        "TertRate" : "10.1"
    },
    {
        "CountryName" : "Finland",
        "ExchangeRate" : "45",
        "PrimRate" : "3",
        "SecRate" : "10.7",
        "TertRate" : "7.5"
    },
    {
        "CountryName" : "China",
        "ExchangeRate" : "35",
        "PrimRate" : "3.4",
        "SecRate" : "9.2",
        "TertRate" : "9.6"
    },
    {
        "CountryName" : "Germany",
        "ExchangeRate" : "30",
        "PrimRate" : "4.3",
        "SecRate" : "8.3",
        "TertRate" : "11.6"
    },
    {
        "CountryName" : "Afghanistan",
        "ExchangeRate" : "40",
        "PrimRate" : "5.6",
        "SecRate" : "5.3",
        "TertRate" : "10.5"
    },
    {
        "CountryName" : "UK",
        "ExchangeRate" : "55",
        "PrimRate" : "6.7",
        "SecRate" : "4.7",
        "TertRate" : "8.2"
    },
    {
        "CountryName" : "Russia",
        "ExchangeRate" : "50",
        "PrimRate" : "9.8",
        "SecRate" : "3.1",
        "TertRate" : "6.2"
    },
];
CountryName = document.getElementByName('A').value
prop = document.getElementByName('B').value

function LookUp(CountryName, prop) {
    for(var i = 0; i < CountrySet.length; i++){
        if (CountrySet[i].CountryName === CountryName) {
            if(CountrySet[i].hasOwnProperty(prop)) {
                var ans = CountrySet[i][prop];
                document.getElementById("Rate").innerHTML = ans;

            }
            else {
                document.getElementById("Rate").innerHTML ="No Such Property";
            }
        }
    }

}

var CountrySet=[
{
“国家名称”：“埃及”，
“汇率”：“25”，
“PrimRate”：“8.5”，
“秘密”：“3.9”，
“Terrate”：“10.1”
},
{
“国家名称”：“芬兰”，
“汇率”：“45”，
“PrimRate”：“3”，
“SecRate”：“10.7”，
“Terrate”：“7.5”
},
{
“国家名称”：“中国”，
“汇率”：“35”，
“PrimRate”：“3.4”，
“秘密”：“9.2”，
“terrate”：“9.6”
},
{
“国家名称”：“德国”，
“汇率”：“30”，
“PrimRate”：“4.3”，
“秘密”：“8.3”，
“Terrate”：“11.6”
},
{
“国家名称”：“阿富汗”，
“汇率”：“40”，
“PrimRate”：“5.6”，
“SecRate”：“5.3”，
“Terrate”：“10.5”
},
{
“国家名称”：“英国”，
“汇率”：“55”，
“PrimRate”：“6.7”，
“SecRate”：“4.7”，
“Terrate”：“8.2”
},
{
“国家名称”：“俄罗斯”，
“汇率”：“50”，
“PrimRate”：“9.8”，
“秘密”：“3.1”，
“Terrate”：“6.2”
},
];
CountryName=document.getElementByName（'A'）。值
prop=document.getElementByName（'B'）。值
函数查找（CountryName、prop）{
对于（变量i=0；i

以下是一个工作示例：

var CountrySet=[{
“国家名称”：“埃及”，
“汇率”：“25”，
“PrimRate”：“8.5”，
“秘密”：“3.9”，
“Terrate”：“10.1”
},
{
“国家名称”：“芬兰”，
“汇率”：“45”，
“PrimRate”：“3”，
“SecRate”：“10.7”，
“Terrate”：“7.5”
},
{
“国家名称”：“中国”，
“汇率”：“35”，
“PrimRate”：“3.4”，
“秘密”：“9.2”，
“terrate”：“9.6”
},
{
“国家名称”：“德国”，
“汇率”：“30”，
“PrimRate”：“4.3”，
“秘密”：“8.3”，
“Terrate”：“11.6”
},
{
“国家名称”：“阿富汗”，
“汇率”：“40”，
“PrimRate”：“5.6”，
“SecRate”：“5.3”，
“Terrate”：“10.5”
},
{
“国家名称”：“英国”，
“汇率”：“55”，
“PrimRate”：“6.7”，
“SecRate”：“4.7”，
“Terrate”：“8.2”
},
{
“国家名称”：“俄罗斯”，
“汇率”：“50”，
“PrimRate”：“9.8”，
“秘密”：“3.1”，
“Terrate”：“6.2”
},
];
函数查找（）{
CountryName=document.getElementById（'A'）。值；
prop=document.getElementById（'B'）。值；
对于（变量i=0；i

国家名称：
费率检查：
费率：



生成速率

以下是一个工作示例：

var CountrySet=[{
“国家名称”：“埃及”，
“汇率”：“25”，
“PrimRate”：“8.5”，
“秘密”：“3.9”，
“Terrate”：“10.1”
},
{
“国家名称”：“芬兰”，
“汇率”：“45”，
“PrimRate”：“3”，
“SecRate”：“10.7”，
“Terrate”：“7.5”
},
{
“国家名称”：“中国”，
“汇率”：“35”，
“PrimRate”：“3.4”，
“秘密”：“9.2”，
“terrate”：“9.6”
},
{
“国家名称”：“德国”，
“汇率”：“30”，
“PrimRate”：“4.3”，
“秘密”：“8.3”，
“Terrate”：“11.6”
},
{
“国家名称”：“阿富汗”，
“汇率”：“40”，
“PrimRate”：“5.6”，
“SecRate”：“5.3”，
“Terrate”：“10.5”
},
{
“国家名称”：“英国”，
“汇率”：“55”，
“PrimRate”：“6.7”，
“SecRate”：“4.7”，
“Terrate”：“8.2”
},
{
“国家名称”：“俄罗斯”，
“汇率”：“50”，
“PrimRate”：“9.8”，
“秘密”：“3.1”，
“Terrate”：“6.2”
},
];
函数查找（）{
CountryName=document.getElementById（'A'）。值；
prop=document.getElementById（'B'）。值；
对于（变量i=0；i

国家名称：
费率检查：
费率：



生成速率

我想从N.Ivanov的回复中添加一些注释。您键入的commandgetElementsByName错误。 其次，最好使用getElementById，因为在同一页面上可以有多个同名表单。第三个也是最后一个问题是，您调用了onclick事件，该事件使用其中的参数调用js函数，因此js无法使用此类参数进行调用

另外，如果您不熟悉脚本语言，我建议您使用jQuery

e、 g.获得价值

var CountrySet = [
    {
        "CountryName" : "Egypt",
        "ExchangeRate" : "25",
        "PrimRate" : "8.5",
        "SecRate" : "3.9",
        "TertRate" : "10.1"
    },
    {
        "CountryName" : "Finland",
        "ExchangeRate" : "45",
        "PrimRate" : "3",
        "SecRate" : "10.7",
        "TertRate" : "7.5"
    },
    {
        "CountryName" : "China",
        "ExchangeRate" : "35",
        "PrimRate" : "3.4",
        "SecRate" : "9.2",
        "TertRate" : "9.6"
    },
    {
        "CountryName" : "Germany",
        "ExchangeRate" : "30",
        "PrimRate" : "4.3",
        "SecRate" : "8.3",
        "TertRate" : "11.6"
    },
    {
        "CountryName" : "Afghanistan",
        "ExchangeRate" : "40",
        "PrimRate" : "5.6",
        "SecRate" : "5.3",
        "TertRate" : "10.5"
    },
    {
        "CountryName" : "UK",
        "ExchangeRate" : "55",
        "PrimRate" : "6.7",
        "SecRate" : "4.7",
        "TertRate" : "8.2"
    },
    {
        "CountryName" : "Russia",
        "ExchangeRate" : "50",
        "PrimRate" : "9.8",
        "SecRate" : "3.1",
        "TertRate" : "6.2"
    },
];
CountryName = document.getElementByName('A').value
prop = document.getElementByName('B').value

function LookUp(CountryName, prop) {
    for(var i = 0; i < CountrySet.length; i++){
        if (CountrySet[i].CountryName === CountryName) {
            if(CountrySet[i].hasOwnProperty(prop)) {
                var ans = CountrySet[i][prop];
                document.getElementById("Rate").innerHTML = ans;

            }
            else {
                document.getElementById("Rate").innerHTML ="No Such Property";
            }
        }
    }

}

var value = $('#a').val();