JS下拉菜单

发布网友发布时间：2022-05-01 09:53

共3个回答

热心网友时间：2023-10-05 07:27

直接写了一下，不知道是不是你想要的，
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function clickA(){
document.form1.textname.style.display="";
document.form1.selectname.style.display="none";
}
function clickB(){
document.form1.textname.style.display="none";
document.form1.selectname.style.display="";
}
</script>
</head>
<body>
<form name="form1" action="">
<select>
<option onclick="clickA()">A</option>
<option onclick="clickB()">B</option>
</select>
<input type="text" name="textname" style="display:none;" >
<select name="selectname" style="display:none;">
<option>A</option>
<option>B</option>
</select>
</form>
</body>
</html>

热心网友时间：2023-10-05 07:27

。。。。。。跟下拉控件的API有啥关系捏？

只需要设置下该下拉的样式就可以了

//显示
document.getElementById("").style.display = "";
//消失
document.getElementById("").style.display = "none";

只要根据那个下拉的ID获得之后改下样式就可以吧我没实验过你自己去实验吧如果不行再CALL偶

热心网友时间：2023-10-05 07:28

function clickA()
{
var ff = document.getElementById("A");
var divv = document.getElementById("B");

ff.style.display="";
divv.disabled=true;
}

function clickB()
{
var ff = document.getElementById("A");
var divv = document.getElementById("B");
divv.disabled=false;
ff.style.display="none";
}