-1

我不知道如何做到这一点...

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

if textinbox = 1
    CellInTable = Image
    Hide xyzText

if textinbox = 2
    Hide image
    CellInTable = xyzText

（伪代码）

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

4

1 回答 1

1

我为你写了一个小代码，我认为这就是你的意思，因为你的描述不是那么清楚......

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

于 2013-01-02T20:02:27.873 回答