html设置下拉菜单文本框隐藏 下拉选择框onchange触发隐藏输入框

下拉选择框onchange触发隐藏输入框

window.οnlοad=function(){

var sel=document.getElementById("sel");

if (sel.value=="隐藏输入框1") {

var sum1=document.getElementById("input1");//隐藏输入框1

sum1.style.display="none";

var sum2=document.getElementById("input2");//显示输入框2

sum2.style.display="block";

var sum3=document.getElementById("input3");//显示输入框3

sum3.style.display="block";

}

}

function sel() {

var sel=document.getElementById("sel");

if (sel.value=="隐藏输入框1") {

var sum1=document.getElementById("input1");//隐藏输入框1

sum1.style.display="none";

var sum2=document.getElementById("input2");//显示输入框2

sum2.style.display="block";

var sum3=document.getElementById("input3");//显示输入框3

sum3.style.display="block";

}

else if (sel.value=="隐藏输入框2") {

var sum1=document.getElementById("input1");//显示输入框1

sum1.style.display="block";

var sum2=document.getElementById("input2");//隐藏输入框2

sum2.style.display="none";

var sum3=document.getElementById("input3");//显示输入框3

sum3.style.display="block";

}

else{

var sum1=document.getElementById("input1");//显示输入框1

sum1.style.display="block";

var sum2=document.getElementById("input2");//显示输入框2

sum2.style.display="block";

var sum3=document.getElementById("input3");//隐藏输入框3

sum3.style.display="none";

}

}

请选择要隐藏哪个输入框：

隐藏输入框1

隐藏输入框2

隐藏输入框3

输入框1：

输入框2：

输入框3：