在按Enter键后在另一个单元格中显示数据

Question

我有这个代码

<tr>
                                <td  width="300">
                                        <label for="tag">Model</label>
                                </td>
                                        <td>
                                                <td width="10">:</td>
                                        </td>
                                <td>
                                        <td>
                                                <td width="450" align="left">
                                                <input type="text" id="tags1" name="model">
                                                </td>
                                        </td>
                                </td>
                        </tr>

如果我在文本字段“ E”中键入，我想在另一个单元格中显示如下：

<tr>
       <td><label><h6>this version <input type.......show E>
                  <br>87.5-108.0</br></h6></label>
        </td>
</tr>

但是如果键入“ J”将显示：

<tr>
       <td><label><h6>this version <input type......show J>
                  <br>87.5-107.9</br></h6></label>
        </td>
</tr>

按Enter后可以使它起作用的代码是什么？

Answer 1

我不知道您要显示什么以及在何处显示，但是在按Enter键时可以尝试使用第一部分的代码：

$("#tags1").keyup(function(e) {
    if(e.keyCode == 13) {
        var input = $("#tags1").val();
        switch(input)
        {
            case "E":
                // show E
            break;
            case "J":
                // show J
            break;
    }
});

Answer 2

您可以按照以下示例操作：

<table><tr><td><input type="text" id="aTextInput"></td><td id="theValue"></td></tr></table>

<script>

    document.getElementById("aTextInput").onchange = function(event) {
        //console.log(event)
        //console.log(document.getElementById("aTextInput").value)
        if (document.getElementById("aTextInput").value == "E")
            document.getElementById("theValue").innerHTML = "87.5-108.0";
        else if (document.getElementById("aTextInput").value == "J")
            document.getElementById("theValue").innerHTML = "87.5-107.9";
        else
            document.getElementById("theValue").innerHTML = "";     // clear it out if it had value before
    }

</script>