-4

このJavaScriptコードは非常にうまく機能します

src='http://ホスト/150.jpg'

 // Function ActionItems Start
 function ActionItems(){
    var ActionItemsVar = document.getElementById("ActionItems").value;
        switch (ActionItemsVar ){
            case "150":
            ActionItems1Var ="ActionItems1";
            ActionItems2Var="ActionItems2";
            ActionItems3Var="ActionItems3";
            ActionItems4Var="ActionItems4";
            document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%'
                            src='http://host/150.jpg' alt='' title=''>";
            break;
            ....
        }

    document.getElementById("ActionItems1").innerHTML = ActionItems1Var
    document.getElementById("ActionItems2").innerHTML = ActionItems2Var
    document.getElementById("ActionItems3").innerHTML = ActionItems3Var
    document.getElementById("ActionItems4").innerHTML = ActionItems4Var
 }
 // Function ActionItems End

しかし、URLコードの変数では機能しません

src='http://host/'+ActionItemsVar+'.jpg'

// Function ActionItems Start
    function ActionItems(){
        var ActionItemsVar = document.getElementById("ActionItems").value;
            switch (ActionItemsVar ){
                case "150":
                ActionItems1Var ="ActionItems1";
                ActionItems2Var="ActionItems2";
                ActionItems3Var="ActionItems3";
                ActionItems4Var="ActionItems4";
                document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%'
                            src='http://host/'+ActionItemsVar+'.jpg'alt='' title=''>";
                break;

                ...
            }

        document.getElementById("ActionItems1").innerHTML = ActionItems1Var
        document.getElementById("ActionItems2").innerHTML = ActionItems2Var
        document.getElementById("ActionItems3").innerHTML = ActionItems3Var
        document.getElementById("ActionItems4").innerHTML = ActionItems4Var
    }
    // Function ActionItems End
4

3 に答える 3

3

一重引用符ではなく二重引用符を終了する必要があります。

document.getElementById("Image").innerHTML = 
    "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>";
于 2012-08-29T18:05:20.490 に答える
2

' の代わりに " を使用

document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>";
于 2012-08-29T18:04:52.280 に答える
1

あなたの引用符は混乱しています。への変更

document.getElementById("Image").innerHTML = "<img style='float:left' width='100%' height='100%' src='http://host/"+ActionItemsVar+".jpg'alt='' title=''>";
于 2012-08-29T18:04:01.970 に答える