Answers
<div id="myinput">
<label class="mylabel"><input type="text" name="test[]" value="">测试</label>
</div>
<button onclick="clickAdd();">点击添加</button>
<script>
function clickAdd(){
var myCloneObj=$(".mylabel:first").clone();
myCloneObj.css("border","1px red solid");
myCloneObj.find("input").val("123");
$("#myinput").append(myCloneObj);
}
</script>
将你要添加的元素先隐藏不显示,然后再要添加的时候克隆该元素,并改变他的属性
永夜丶沉沦
answered 10 years, 2 months ago
自己曾经写过的动态添加输入框:
javascript
function createItemInput(){ input_item = 'item' + inputCount; input_price = 'price' + inputCount; var str_select = 'select' + inputCount; var li = '<li>'; li += '<input type="text" name="' + input_item + '">'; li += '<input type="number" name="' + input_price + '">'; li += '<select name="' + str_select +'">'; li += '<option value="basic">基本食物</option>'; li += '<option value="fruit">水果零食</option>'; li += '<option value="consumable">低值易耗品</option>'; li += '<option value="clothes">服装</option>'; li += '<option value="fast">快餐</option>'; li += '<option value="feast">大餐</option>'; li += '<option value="amusement">娱乐</option>'; li += '<option value="work">工作</option>'; li += '<option value="traffic">交通费</option>'; li += '<option value="assets">固定资产</option>'; li += '<option value="other">其他</option>'; li += '</li>'; $("#item_list").append(li); inputCount++; }
在调用createItemInput()后添加委托到它的父元素,我这里选择是ul=($"ul")
javascript
ul.delegate("input:last","focus", function () { createItemInput(); });
可以参考以上
逆游的鱼oO
answered 10 years, 2 months ago