ASP中下拉列表控制显示文本框,复选框或者单选按钮

一个下拉列表,<optionvalue="文本框">文本框</option><optionvalue="复选框">复选框</option><optionvalue="单选... 一个下拉列表,<option value="文本框">文本框</option><option value="复选框">复选框</option><option value="单选按钮">按选按钮</option> 在选到"文本框"的时候在下方显示文本框在选到"复选框"的时候在下方显示复选框在选到"单选按钮"的时候在下方显示单选按钮展开

 我来答

3个回答

#热议# 不吃早饭真的会得胆结石吗？

匿名用户
2013-10-28

展开全部

<select id="s" onchange="selectchange(this);">
<option value="1">文本框</option>
<option value="2">复选框</option>
<option value="3">单选框</option>
</select>
<div id="changeDiv"></div>
<script type="text/javascript">
function selectchange(id)
{
var changeDiv = document.getElementById("changeDiv");
if(id.options[id.selectedIndex].value == 1)
{
if(changeDiv.hasChildNodes())
{
changeDiv.removeChild(changeDiv.childNodes[0]);
var text = document.createElement("input");
text.setAttribute("id","text1");
text.setAttribute("type","text");
text.setAttribute("value","文本框");
changeDiv.appendChild(text);
}
else
{
var text = document.createElement("input");
text.setAttribute("id","text1");
text.setAttribute("type","text");
text.setAttribute("value","文本框");
changeDiv.appendChild(text);
}
}
else if(id.options[id.selectedIndex].value == 2)
{
if(changeDiv.hasChildNodes())
{
changeDiv.removeChild(changeDiv.childNodes[0]);
var checkbox = document.createElement("input");
checkbox.setAttribute("id","check");
checkbox.setAttribute("type","checkbox");
checkbox.setAttribute("value","复选框");
changeDiv.appendChild(checkbox);
}
else
{
var checkbox = document.createElement("input");
checkbox.setAttribute("id","check");
checkbox.setAttribute("type","checkbox");
checkbox.setAttribute("value","复选框");
changeDiv.appendChild(checkbox);

}
}
else if(id.options[id.selectedIndex].value == 3)
{
if(changeDiv.hasChildNodes())
{
changeDiv.removeChild(changeDiv.childNodes[0]);
var radio = document.createElement("input");
radio.setAttribute("name","radio1");
radio.setAttribute("type","radio");
radio.setAttribute("value","单选框");
changeDiv.appendChild(radio);
}
else
{
var radio = document.createElement("input");
radio.setAttribute("name","radio1");
radio.setAttribute("type","radio");
radio.setAttribute("value","单选框");
changeDiv.appendChild(radio);
}
}
}
</script>

已赞过 已踩过<

评论收起

匿名用户
2013-10-28

展开全部

<HTML>
 
<HEAD>
<title>简单网络 邮箱便捷登陆</title>
</head>
<BODY  onLoad="lod();">
<script>
var objs;
function lod()
{
 objs=document.getElementsByTagName("div");
}function aa(obj)
{
var selobj=document.getElementById(obj.value);
for(var i=0;i<objs.length;i++)
{
 if(selobj==objs[i])
 {
  objs[i].style.display="block";
 }
 else
 objs[i].style.display="none";
}
 }
</script>
          <SELECT name=mailSelect onChange="aa(this);" size="1" style="font-size: 10pt; font-family: Arial">
            <option value="div_txt">文本框</option>
   <option value="div_cb">复选框</option>
   <option value="div_rb">按选按钮</option>
            
          </SELECT>
    <div id="div_txt" style="display:none;"><input name="" type="text"></div>
    <div id="div_cb" style="display:none;">一<input name="" type="checkbox" value="">二<input name="" type="checkbox" value=""></div>
    <div id="div_rb" style="display:none;">女<input name="r" type="radio" value="">男<input name="r" type="radio" value=""></div>
</BODY>
 
</HTML>  这个例子足已


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2013-10-28

展开全部

以单选按钮为例:
'==========================================
a.asp(为表单页面写法)
<form name=form1 method=post action=b.asp>
<input name=x type=radio value=男>男
<input name=x type=radio value=女>女
</form>
'///////////////////////////////////
b.asp
<%
if request.form("x")="男" then
response.write"<script>alert('点击');window.location='c.asp'</script>"
else
response.write"<script>alert('点击');window.location='d.asp'</script>"
end if
%>
'//////////////////////////////////////////////////////////
以下拉选单为例:
'===========================================
a.asp
<form name=form1 method=post action="b.asp">
<select name=x>
<option value="男">男</option>
<option value="女">女</option>
</select></form>
'///////////////////
b.asp
<%
if request.form("x")="男" then
response.write"<script>alert('点击');window.location='c.asp'</script>"
else
response.write"<script>alert('点击');window.location='d.asp'</script>"
end if
%>

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

ASP中下拉列表控制显示文本框,复选框或者单选按钮

其他类似问题

为你推荐：