-1

これを行う方法がわかりません...

誰かがテキストボックスに数字を入力すると画像が表示されますが、別の数字を入力すると画像ではなく同じセルにテキストが表示されるように、テーブルにセルを積み上げたいと思っています。これには、Javaスクリプトも含まれる可能性があることを知っています。これに沿った何か：

if textinbox = 1
    CellInTable = Image
    Hide xyzText

if textinbox = 2
    Hide image
    CellInTable = xyzText

(疑似コード)

テキストボックスはテーブルの別のセルにあり、同じセルではなく、JS の 90% が別のファイルから呼び出されます。何か案は？ありがとう！

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 に答える