当前页面: 开发资料首页 → JSP 专题 → 一个表单,里面的一个下拉框,里面的三种类别,当我选中一种类别时,表单生成数目不同的text

一个表单,里面的一个下拉框,里面的三种类别,当我选中一种类别时,表单生成数目不同的text

摘要: 一个表单,里面的一个下拉框,里面的三种类别,当我选中一种类别时,表单生成数目不同的text

下拉框的内空有
A,B,C
当我选A时
表单生成三个text
当我选B时
表单生成四个text
当我选A时
表单生成五个text

如何实现,高手出手.

---

select元素 onchange(addText(this.value);)

function addText(value){
var form=document.getElementById("放text的formid");
if(value=="A"){
for(int i=0;i<3;i++){
var eInput=document.createElement("input");
eInput.type="text";
form.appendChild(eInput);
}
if(value=="B"){
//依次类推
}
}

bug在所难免

---

如果不是很严格的话

用obj.style.display=""(显示) 和 "none"(隐藏)

比较方便

---

function addText(value){
var form=document.getElementById("insform");
if(value=="SCL-90测评量表"){
var eInput=document.createElement("input");
eInput.type="text";
form.appendChild(eInput);
}
}
....
....
<select name=mykm id=mynum size="" onchange="addText(This.value)">
不知为什么选了 SCL-90测评量表 项
没有反应,并没有自动添加文本框

---

addText(This.value) -> addText(this.value)

---

fosjos(无聊的菜鸟程序员).兄弟,你眼神真好,可以了
不过,我选其它项的时候,再把这个生成的text去掉

---

function addText(value){
var form=document.getElementById("insform");
if(value=="SCL-90测评量表"){
var eInput=document.createElement("input");
eInput.type="text";
form.appendChild(eInput);
}else{
eInput.style.display="none";//这句加的不可以
}
}

---

创建时定义name='txt'
form.removeChild(document.getElementsByName("txt")[4]);
或者document.getElementsByName("txt")[4].removeNode();

所以我说用显示和隐藏比较方便

---

txt是什么名,是新增的文本框的名字吗?
下标[4]又中什么

---

var eInput=document.createElement("input");
eInput.type="text";
eInput.name="txt";

var txtList = document.getElementsByName("txt")获得一个对象组，
txtList.length是个数，txtList[4]就是第五个txt

---

大侠,学是没有解决啊,现有一个text,我想在选择下拉框select 时,隐藏这个text，这是这样写的
function addText(value){
var form=document.getElementById("insform");
if(value=="SAS测评量表"||value=="SDS测评量表"){
form.removeChild(document.getElementsByName("E")[0]);
form.removeChild(document.getElementsByName("EScore")[0]);
}
}
...
<select name=mykm id=mynum size="" onchange="addText(this.value)" >

---

用document.getElementsByName("E")[0].removeNode();
可以吗

---