本文实例为大家分享了jQuery实现动态添加和删除输入框的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>选项& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/js/jquery-1.8.3.js "祝辞& lt;/script>
& lt; script>
$(函数(){//添加选项
$ (" # opbtn ") .click(函数(){
if ($ (“# opts>李”).size () & lt;6){//最多添加6个选项
$(" #选择”).append (“& lt; li> & lt;输入/祝辞& lt;/li>”);
其他}{//提示选项个数已经达到最大
$ (" # optips ") . html(“选项个数已经达到最大,不能再添加!”);
$ (" # optips ") . css({“色”:“红色”});
}
}）;//删除选项
$(" #确定删除").click(函数(){
if ($ (“# opts>李”).size () & lt;=0) {
$ (" # optips ") . html(“已经没有选项可以删除了!”);
$ (" # optips ") . css({“色”:“红色”});
其他}{//删除选项,每次删除最后一个
$ (" # opts>李”).last () .remove ();
}
}）;
}）;
& lt;/script>
& lt; style>
* {
保证金:0 px;
填充:0 px;
}
# dv {
宽度:100 px;
身高:100 px;
背景颜色:黄色;
保证金:0 px汽车0 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div比;
& lt;输入id=" opbtn " type="按钮" value=" https://www.yisu.com/zixun/添加选项”/比;
& lt;输入id=叭范ㄉ境崩嘈?鞍磁ァ奔壑?" https://www.yisu.com/zixun/删除选项”/比;
& lt;输入id=" wrapbtn " type="按钮" value=" https://www.yisu.com/zixun/包围DIV "/比;
& lt; ol id="选择" type=" A "祝辞& lt;/ol>
& lt; !——提示语——比;
& lt;跨度id=" optips "祝辞& lt;/span>
& lt;/div>
& lt;/body>
& lt;/html>
,
之前
以上所述是小编给大家介绍的jQuery实现动态添加和删除输入框,详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
