Question

我无法知道如何做到这一点......

我想在表格中放置一个单元格，以便当有人在文本框中输入数字时会显示图像，但如果他们输入另一个数字，则文本显示在同一单元格而不是图片。我知道这也可能涉及一些java脚本。有点像这样：

if textinbox = 1
    CellInTable = Image
    Hide xyzText

if textinbox = 2
    Hide image
    CellInTable = xyzText

（伪代码）

文本框位于表格的不同单元格中，而不是同一个单元格，我的JS的90％是从另一个文件调用的。有任何想法吗？谢谢！

Answer 1

我为你写了一个litle代码，我认为这就是你的意思，因为你的描述并不那么明确......

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

$("#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("");
    }
});

要查看它是否有效：http://jsfiddle.net/M8E5f/3/

HTML表格单元格切换

1 个答案: