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

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

举报该问题

推荐答案 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>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/IT22XS0I06hXCShfhI.html

其他回答

第1个回答 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> 这个例子足已本回答被网友采纳

第2个回答 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
%>

相似回答

ASP表单提交后,列表框、文本框的显示答：下拉框或列表框： <option value="1"<%if request("mtype")="1" then%>selected<%end if%>>学号 <option value="2"<%if request("mtype")="2" then%>selected<%end if%>>姓名 文本框：<input name="mname" value="<%=request("mname")%>"> 以上两个的原理你搞清楚了，那么单...

ASP.NET中的DropDownList控件的使用??答：使用 DropDownList Web 服务器控件，用户可以从单项选择下拉列表框中进行选择。DropDownList 控件与 ListBox Web 服务器控件类似。不同之处在于它只在框中显示选定项，同时还显示下拉按钮。当用户单击此按钮时，将显示项的列表。修改 DropDownList 控件的外观可以通过以像素为单位设置 DropDownList 控件的高度...

大家正在搜

单选按钮控件和复选框控件都具有关于单选按钮和复选框单选按钮和复选框的value 将文本框改为复选框怎么把文本框改为复选框文本框改为复选框类型将文本框控件改为组合框控件复选框和单选框给选定文字添加文本框