版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xuyawei_xyw/article/details/81876812
在写商品属性时，添加某个属性时，如果是多属性，总得不免多写几个输入框，但是输入框不定。写少了，总有某个商品属性多的时候；写多了，在提交时候有时也不方便。索性用Jquery复制输入框，这就用到了clone()函数。
样式都是一个样，代码是：
<body>
<div style="text-align:center;margin-top: 20px;">
<a style="cursor:pointer;" href="javascript:void(0)" onclick="addrow(this);">[+]</a>
<select style="text-align:center;font-size: 13px;color: #858585;background-color: #fbfbfb;border: 1px solid #d5d5d5;padding: 6px 12px;">
<option>请选择</option>
<option>上衣</option>
<option>短裤</option>
</select>
<input style="font-size: 13px;color: #858585;padding: 6px 12px;" type="text" name='name[]' placeholder="请输入备注">
</div>
</body>JS代码如下：
<!-- 引入在线jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
function addrow(o){
var div=$(o).parent();
// 判断如果点击的前面是'[+]'
if($(o).html() == '[+]'){
// 执行克隆
var newdiv=div.clone();
//并将'[+]'、替换为'[-]'
newdiv.find('a').html('[-]');
div.after(newdiv);
// 判断如果点击的前面是'[-]'，将其移除
}else{
div.remove();
}
}
</script>点击加号，展现出输入框；点击减号，移除这个输入框：
