在html嵌套输入框,JQ 如何嵌套 动态删除与新增input框

这是一个关于如何使用JavaScript创建和管理问卷的示例。`Question`类用于生成问题,包括添加和删除选项的功能。`createQuestion`和`delQuestion`函数分别用于创建新的问题和删除现有问题。此代码片段可用于构建交互式的在线调查表或测试。
摘要由CSDN通过智能技术生成

还是自己回答自己问题吧!

直接拿去用,哈哈哈!

var qus = new Array();

function Question() {

this.qno = qus.length;

this.ono = 0;

this.create = function (table) {

var qstr = "";

qstr += "


问题  " + (this.qno + 1) + "

";

qstr += "";

qstr += "

* 选项 *";

qstr += "";

qstr += "

";

qstr += "";

qstr += "";

qstr += "

";

table.innerHTML += qstr;

//alert(qstr);

}

this.addOption = function () {

this.ono++;

var opar = document.getElementById("qu" + this.qno + "op");

opar.innerHTML += "";

//alert(opar.innerHTML);

}

this.delOption = function () {

if (this.ono > 0) {

var quop = "qu" + this.qno + "op";

var opx = "qu" + this.qno + "op" + this.ono;

document.getElementById(quop).removeChild(document.getElementById(opx));

document.getElementById(quop).removeChild(document.getElementById(opx + "div"));

this.ono--;

}

}

}

function createQuestion() {

var qu = new Question();

qus.push(qu);

qu.create(document.getElementById('table'));

}

function delQuestion() {

if (qus.length > 0) {

var qupr = "table";

var qux = "qu" + (qus.length - 1);

document.getElementById(qupr).removeChild(document.getElementById(qux));

document.getElementById(qupr).removeChild(document.getElementById(qux + "div"));

qus.pop();

}

}


放一个成品:

bVbfWZZ?w=1632&h=814

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值