Question

我想要一个显示信息的选择框根据选择，如何？

如果我选择选项A将显示info1，如果我选择选项B将显示info2。

<select>
  <option>AAAAAAAAAA</option>
  <option>BBBBBBBBBB</option>
</select>    

<div id="info1" style="display:none;">
 <select>
   <option>aaaaaaaaaa</option>
   <option>aaaaaaaaaaa</option>
 </select> 
</div>    

<div id="info2" style="display:none;">
 <select>
   <option>bbbbbbbbbbb</option>
   <option>bbbbbbbbbbb</option>
 </select> 
</div>

Fiddle

Answer 1

你可以用你的选择框的onchange事件编写一个javascript函数，如下所示：

<select name="select1" id="select1" onchange="showDiv()">
   <option value="A">AAAAAAAAAA</option>
   <option value="B">BBBBBBBBBB</option>
</select>

并写一个像这样的javascript函数：

document.getElementById("select1").onchange=function(){

     var value= document.getElementById("select1").value;
    //alert("Test"+value);
    if(value=="A"){
        document.getElementById("info2").style.display="none";
        document.getElementById("info1").style.display="inline";


    }else if(value=="B"){
        document.getElementById("info1").style.display="none";
        document.getElementById("info2").style.display="inline";
    }else{
        document.getElementById("info1").style.display="none";
        document.getElementById("info2").style.display="none";
    }
};

小提琴：http://jsfiddle.net/HgqNf/29/

如何使用原型隐藏和显示信息？

1 个答案: