javascript - 无法显示商品详情

标签 javascript html css

var par = new Array(2);
par.push("Apple");
par.push("Orange");

var nar = new Array("2");
nar.push("red ");
nar.push("dark orange");

var ok = document.getElementById('one').value;

function abc() {
  for (var i = 0; i < par.length; i++) {

    if (par[i] == ok) {
      break;
    }

  }

  document.write(par[i] + " " + "color is  " + " " + nar[i]);


}
<!doctype html>
<html>

<head>
</head>

<body>
  <label>Enter the name</label>
  <input type="text" id="one">
  <input type="submit" onclick="abc()" id="on">

</body>

</html>

//在上面的代码片段中,我尝试通过在数组中定义所需的详细信息来显示苹果和橙色的颜色,但在运行代码时,我得到的输出为“未定义的颜色未定义”。我无法找出我的代码中的确切问题。

最佳答案

在 Ist 语句中,您使用了 var par =new Array(2);这意味着它创建 2 个空槽,然后创建 2 个值,因此创建长度为 4 的数组。在第二个中,您使用 var par =new Array("2");意味着 ist value s 字符串,然后是 2 个值,因此创建长度为 3 的数组。所以你会得到错误的结果。使用 new Array() 这个。同时获取abc函数内部ok的值

 var par =new Array();
            par.push("Apple");
            par.push("Orange");

            var nar= new Array();
            nar.push("red ");
            nar.push("dark orange");

            function abc(){
var ok= document.getElementById('one').value;
        for (var i=0;i<par.length;i++){
            
            if(par[i]==ok){
                break;
            }
        }
        document.write(par[i]+" "+"color is  "+" "+nar[i]);
        }
        <!doctype html>
<html>
    <head>  
    </head>
    <body>
        <label>Enter the name</label>
        <input type="text" id="one">
        <input type="submit" onclick="abc()" id="on">
    </body>
</html> 

关于javascript - 无法显示商品详情,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48539477/

相关文章:

javascript - 如何配置 ng-admin 以使用多个不同的 URI

php - 为什么首先 php echo indent(tab)?

html - 将 div 放置在文本的右侧

javascript - 无法删除 react 数据表组件中的白色标题

css - 如何集中包含 UL 的子 DIVS?

javascript - 如何使 JavaScript cookie 可用于整个 ASP.NET Web 应用程序

javascript - sencha touch 分机路由器

javascript - 外部解析 RSS 提要,无需任何库(如 google 和服务器端)

javascript - CSS - 页脚在垂直居中内容下方重新定位

html - 用颜色填充表格单元格