在表单输入上显示对象的正确数据

Question

在表单输入上显示对象的正确数据

我正在学习,所以我会称自己为JavaScript的新手.在将其输入html表单后,我终于能够获得其中一个对象.但是输入不同的变量时,会显示相同的对象.这些是门锁的锁芯标识和与每个锁相关的数据.

我添加了一个if语句来尝试在对象之间切换,但即使输入"LD",它也只显示来自"RD"的数据.显然,我在使用getElementById或使用错误的ID时做错了什么？我很高兴在我阅读的其他一些主题的帮助下得到了这一点,但我现在有点卡住了.

这是我的代码显示了两个对象:

var display = document.getElementById("displayCyl");

function getCyl(){
  if(document.getElementById("cylEnter").value = "RD"){
    display.innerHTML=display.innerHTML + Object.values(RD);
   }
  else if(document.getElementById("cylEnter").value = "LD"){
    display.innerHTML=display.innerHTML + Object.values(LD);
   }
  }

  var LD = {
  brand: 'Schlage, Falcon',
  cylinder: ' Without cylinder',
  pins: ' 6 Pin',
  type: ' KIL'
 }

  var RD = {
  brand: 'Schlage-Everest 29 S123 (Standard)',
  cylinder: ' With cylinder',
  pins: ' 6 Pin',
  type: ' FSIC'
 }

Run Code Online (Sandbox Code Playgroud)

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title></title>
</head>
<body>
  <h2>Cylinder Selector</h2>
    <h3>For AD and CO Locks</h3>
  <form name="cylForm">
    <input type="text" id="cylEnter" placeholder="Enter">
    <input type="button" onclick="getCyl()" value="Submit Cylinder">
  </form>
<p id="displayCyl"></p>

Run Code Online (Sandbox Code Playgroud)

我最想做的是有大约10个对象可以单独输入到表单中.然后它应该显示该圆柱体的正确数据.现在只需查找原始数据,然后再进行样式设置和格式化.

Answer 1

cha*_*ami 6

使用'=='更改'='

if(document.getElementById("cylEnter").value == "RD"){
    display.innerHTML=display.innerHTML + Object.values(RD);
   }
  else if(document.getElementById("cylEnter").value == "LD"){
    display.innerHTML=display.innerHTML + Object.values(LD);
   }

Run Code Online (Sandbox Code Playgroud)

要么

如果你想检查类型而不是用'==='改变'=='

归档时间：	7 年，4 月前
查看次数：	57 次
最近记录：	7 年，4 月前