gpt4 book ai didi

javascript - 在表单输入中显示来自对象的正确数据

转载 作者:搜寻专家 更新时间:2023-10-31 22:04:49 24 4
gpt4 key购买 nike

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

我添加了一个 if 语句来尝试在对象之间切换,但它只会显示来自“RD”的数据,即使我输入“LD”也是如此。所以显然我在使用 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'
}
<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>

我最终想要做的是拥有大约 10 个可以单独输入到表单中的对象。然后它应该显示该气缸的正确数据。现在只是寻找原始数据,然后再进行样式和格式化。

最佳答案

将“=”更改为“==”

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);
}

如果你还想检查类型而不是将'=='更改为'==='

关于javascript - 在表单输入中显示来自对象的正确数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54248041/

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