Javascript HTML表格单元格切换

我不知道该怎么做

我在表格中有一个单元格，我想将其堆叠起来，这样当有人在文本框中键入一个数字时，图像就会显示出来，但如果他们键入另一个数字，文本就会显示在同一单元格中，而不是图像中。我知道这可能还涉及一些java脚本。大致如下：

if textinbox = 1
    CellInTable = Image
    Hide xyzText

if textinbox = 2
    Hide image
    CellInTable = xyzText

（伪代码）

---

文本框位于表的另一个单元格中，而不是同一个单元格，90%的my JS是从另一个文件调用的。有什么想法吗？谢谢

我为你写了一段简短的代码，我想这就是你的意思，因为你的描述不太清楚

HTML:

<table style='border:grey 1px solid; background-color:silver; width:200px;' cellspacing="0" cellpadding="0">
<tr>
    <td><input type="text" id="number" style='width:100px' /></td>
    <td id="cell"></td>
</tr>
</table>​

​

Javascript（使用jquery）：

$（“#编号”）.keyup（函数（）{
var-img；
开关（$（“#编号”）.val（）{
案例“1”：
img=”http://upload.wikimedia.org/wikipedia/commons/2/26/Smile.png";
打破
案例“2”：
img=”http://upload.wikimedia.org/wikipedia/commons/7/72/Teeth.png";
打破
案例“3”：
img=”http://upload.wikimedia.org/wikipedia/commons/5/5c/Angry.png";
打破
违约：
img=假；
打破
}
如果（img）{
$（“#单元格”）.html（“”）；
}否则{
$（“#单元格”）.html（“”）；
}
});

要看到它工作：

$("#number").keyup(function() {
    var img;
    switch($("#number").val()) {
        case "1":
            img = "http://upload.wikimedia.org/wikipedia/commons/2/26/Smile.png";
            break;
        case "2": 
            img = "http://upload.wikimedia.org/wikipedia/commons/7/72/Teeth.png";
            break;
        case "3":
            img = "http://upload.wikimedia.org/wikipedia/commons/5/5c/Angry.png";
            break;
        default:
            img = false;
            break;
    }
    if (img) {
        $("#cell").html("<img src='"+img+"' />");
    } else {
        $("#cell").html("");
    }
});