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

时间:2010-06-03 05:28:08

标签: javascript jquery ajax

我有这个代码

<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 后可以使其工作的代码是什么?

2 个答案:

答案 0 :(得分:0)

我不明白你要显示什么以及在哪里,但是当你按 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;
    }
});

答案 1 :(得分:0)

你可以关注这个样本:

<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>