1

selectタグで選択したアイテムに基づいて要素のクラスを変更するのに問題があります。これは私のコードです：

<table> 
    <tr>
        <select onchange="wow(this.value)">
            <option value="a">a</option>
            <option value="b">b</option>            
        </select>
    </tr>               
    <tr id="x" class="show">
        x
    </tr>
</table>

<script>
function wow(value){
    switch(value){
        case "a": document.getElementById("x").className = "show"; break;       
        case "b": document.getElementById("x").className = "hide"; break;
    }
}
</script>

<style>
.show{
    display:inline-block;
}

.hide{
    display:none;
}
</style>

ここでは問題はありません。私も試しsetAttribute("class", "show")ましたが、うまくいきません。

4

2 に答える 2

8

でラップする必要がXあります<td>：

http://jsfiddle.net/DerekL/CVxP7/

<tr>...<td id="x" class="show">x</td></tr>

caseまた、前に追加する必要があります"a":

case "a":
    document.getElementById("x").setAttribute("class", "show");
    break;

PS：ここでやろうとしていることを達成するためのより効率的な方法があります：

http://jsfiddle.net/DerekL/CVxP7/2/

function wow(value) {
    var index = {
        a: "show",
        b: "hide"
    };
    document.getElementById("x").setAttribute("class", index[value]);
}

これで、2 回入力する必要がなくなりましたdocument.getElementById("x").setAttribute("class"...。

于 2013-03-11T03:53:14.007 に答える
0

これを試して

switch(value){
    case "a": document.getElementById("x").setAttribute("class", show); break;        
    case "b": document.getElementById("x").setAttribute("class", hide); break;
}
于 2013-03-11T04:00:36.880 に答える