Question

我在仓库工作。我通过制作概念验证程序来帮助主管，这将使他能够在任何给定时间更新卡车在哪个停靠门。我做了一张桌子来展示门和拖车号码。每行都有一个输入字段用于输入新的预告片编号，一个提交按钮在单击时应将新的预告片编号保存到变量中，然后在表格中显示所述变量。我不能为我的生活弄清楚我做错了什么，请帮忙！

<script>
    var 1s = "open", 2s = "open", 3s = "open", 4s = "open" 5s = "open", 1n = "open", 2n = "open", 3n = "open", 4n = "open", 5n = "open";

    function display1s(){
        1s = document.getElementById("1sInput");
        document.getElementById("1s").innerHTML = 1s.innerhtml;
        }
</script>

<body>

<table border=3>
    <tr>
        <th>Door #</th>
        <th>Trailer #</th>
        <th>input new trailer</th>
    </tr>
    <tr>
        <td>1S</td>
        <td><p id="1s"></p></td>
        <td><input type="input" name=1sInput size=14></td>
        <td><button onClick="katie()">Submit</button></td> 
    </tr>

更新！我删除了不必要的代码。更具体地说，我要做的是让用户在输入框id中输入一个字符串作为1sInput，将该字符串保存到变量1s，然后将其显示在

中标记ID为1s。我非常喜欢编程。我知道这可能是一个非常简单的问题，但对于我的生活，我无法在我拥有的任何书籍或任何在线教程中找到答案。

Answer 1

<script>
    function katie(){
        var _1s = document.getElementsByName("1sinput")[0];
        document.getElementById("1s").innerHTML = _1s.value;
        }
</script>

这就是示例代码可以运行的方式。请注意，您无法在javascript中使用数字启动变量名称。我想你是JS开发的新手，JS错误控制台是你最好的朋友。

Answer 2

减少问题，出了什么问题：

<!DOCTYPE html>
<html>
<body>
<table border=3>
  <tr>
    <th>Door #</th>
    <th>Trailer #</th>
  </tr>
  <tr>
    <td>1S</td>
    <td><input type="text"></td>
  </tr>
</table>
</body>
</html>

如何更新和显示变量

2 个答案: