87,904
社区成员
发帖
与我相关
我的任务
分享困惑！怎样让，
我想在如下的页面中使<input>，<select>在同一个地方交替出现，即同一时间在同一地方只有其中的一个显示：
<html>
<head>
<title>show
</title>
</head>
<body>
<select name="parent">
<option value="1"></option>
<option value="2"></option>
</select>
--这里交替显示<input><select>--
--parent.value=1,show <input>--
--parent.value=2,show <select>--
</body>
</html>
我想请教怎样用Javascript方法实现动态显示的效果？？
谢谢！！
<html>
<head>
<title>show
</title>
</head>
<body>
<select name="parent">
<option value="1"></option>
<option value="2"></option>
</select>
--这里交替显示<input><select>--
--parent.value=1,show <input>--
--parent.value=2,show <select>--
</body>
</html>
我想请教怎样用Javascript方法实现动态显示的效果？？
谢谢！！
...全文
请发表友善的回复…
发表回复
孟子E章 2002-03-04
- 打赏
- 举报
你想要既可以输入，有想下列的东西吧
http://lucky.myrice.com/temp/select.htm
http://lucky.myrice.com/temp/select.htm
karma 2002-03-04
- 打赏
- 举报
try
<select id="selist" style="display:none">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="text" id="txt"><br>
<input type="button" id="btn" value="show list" onclick="showItem()">
<script language="javascript">
function showItem()
{
if (selist.style.display=="none")
{
selist.style.display="";
txt.style.display="none";
btn.value="show text";
}
else
{
selist.style.display="none";
txt.style.display="";
btn.value="show list";
}
}
</script>
<select id="selist" style="display:none">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="text" id="txt"><br>
<input type="button" id="btn" value="show list" onclick="showItem()">
<script language="javascript">
function showItem()
{
if (selist.style.display=="none")
{
selist.style.display="";
txt.style.display="none";
btn.value="show text";
}
else
{
selist.style.display="none";
txt.style.display="";
btn.value="show list";
}
}
</script>
qiushuiwuhen 2002-03-04
- 打赏
- 举报
<body>
<select name="parent" onchange=chg(this.value)>
<option value="1">input</option>
<option value="2">select</option>
</select>
<input id=test>
hehe
<script>
function chg(str){
if(str=="1")test.outerHTML="<input id=test>";
if(str=="2")test.outerHTML="<select id=test><option>a</option><option>b</option><option>c</option></select>";
}
</script>
<select name="parent" onchange=chg(this.value)>
<option value="1">input</option>
<option value="2">select</option>
</select>
<input id=test>
hehe
<script>
function chg(str){
if(str=="1")test.outerHTML="<input id=test>";
if(str=="2")test.outerHTML="<select id=test><option>a</option><option>b</option><option>c</option></select>";
}
</script>
