急，如何实现动态创建，删除checkBox，text等控件

Question

<script language="javascript">
function doit()
{
 document.all("s1").outerHTML="<input type='text' name='t1'>";
}
</script>
<select id="s1">
 <option>1
 <option>2
</select>
<input type="button" value="change" onclick="doit()">

Answer 1

随手写了一个简单的.<Div id=hui>
<SELECT NAME="wang" SIZE="1" style="width:120;">
<OPTION VALUE="1">灰豆宝宝
<OPTION VALUE="2" SELECTED>灰豆宝宝.net
</SELECT>
</Div>
<script>
function create() {
hui.innerHTML="<input style='width:120;' type=text name=txt value='灰豆宝宝.net'>"
}
</script>
<input type=button onClick="create()" value="替换">

Answer 2

to possible_Y(一切皆可能) :
你的代码是可以变成文本筐，但是，我需要用户点一下又变回去呀，我改了一下你的代码，变不会去function doit()
{
 document.all("s1").outerHTML="<input type='text' name='t1' id='t1'>";
}
function dob(){
 document.all("t1").outerHTML="<input type='select' name='s1' id='s1'>";
}
</script>
<select id="s1">
 <option>1
 <option>2
</select>
<input type="button" value="toText" onclick="doit()">
<input type="button" value="toSelect" onclick="dob()">

Answer 3

不早说....
<Div id=hui>
<SELECT NAME="wang" SIZE="1" style="width:120;">
<OPTION VALUE="1">灰豆宝宝
<OPTION VALUE="2" SELECTED>灰豆宝宝.net
</SELECT>
</Div>
<script>
function createtext() {
hui.innerHTML="<input style='width:120;' type=text name=txt value='灰豆宝宝.net'>"
}
function createselect() {
hui.innerHTML="<SELECT NAME='wang' SIZE='1' style='width:120;'><OPTION VALUE='1'>灰豆宝宝<OPTION VALUE='2' SELECTED>灰豆宝宝.net</SELECT>"
}
</script>
<input type=button onClick="createtext()" value="文本框">
<input type=button onClick="createselect()" value="下拉">

Answer 4

to wanghr100(灰豆宝宝.net) :
你的方法很有用，但是还有点问题
我的select里的option都是用jsp动态生成的，有什么方法在变成text再变回去,变成select后可以让jsp动态生成的option仍然存在呢？？或者这样也行，我放两个，一个text，一个select，用户点一下：禁用select(变灰），启用text。再点一下：select启用，text禁用

Answer 5

Sorry
刚才有点问题..<Div id=hui>
<SELECT NAME="wang" SIZE="1" style="width:120;">
<OPTION VALUE="1">灰豆宝宝
<OPTION VALUE="2" SELECTED>灰豆宝宝.net
</SELECT>
</Div>
<script>
function createtext() {
hui.innerHTML="<input style='width:120;' type=text name=txt value='灰豆宝宝.net'>"
}
function createselect() {
hui.innerHTML="<SELECT NAME='wang' SIZE='1' style='width:120;'><OPTION VALUE='1'>灰豆宝宝<OPTION VALUE='2' SELECTED>灰豆宝宝.net</SELECT>"
}
</script>
<input type=button onClick="createtext()" value="文本框">
<input type=button onClick="createselect()" value="下拉">

Answer 6

你要的是不是要能选择,也以输入的啊?
http://lucky.myrice.com/temp/select.htm

Answer 7

不是，是这样的，仓库入存物料，
如果用户要添加物料仓库已有，那么用户只需要用select选择那个物料，并增加其数量就可以
如果用户需要往仓库中放入新物料，那么用户需要点击一个按钮，select变成text筐，用户输入新物料的名称，并输入数量，

Answer 8

好了,这样就行了...<select id="sel" style="display:none"> 
<option value="1">灰豆宝宝.net</option> 
<option value="2">灰豆宝宝</option> 
</select> 
<input type="text" id="txt"><br> 
<input type="button" id="btn" value="下拉" onclick="Change()"> 
<script language="javascript"> 
function Change() 
{ 
  if (sel.style.display=="none") 
  { 
sel.style.display=""; 
txt.style.display="none"; 
btn.value="文本"; 
  } 
  else 
  { 
sel.style.display="none"; 
txt.style.display=""; 
btn.value="下拉"; 
  } 
} 
</script>