
1、新建并保存一个html文档,进入html代码编辑页面。
2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。
3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。
4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。
<style>.line div {display:inline-block}
</style>
<button id=btn type=button>按钮</button>
<div id=res></div>
<script>
$(function(){
$("#btn").one("click",function(){
$("#res").append("<div id=tab></div>")
var btn1=$("<button type=button>添加</button>")
btn1.click(addline)
$("#res").append(btn1)
var btn2=$("<button type=button>减少</button>")
btn2.click(delline)
$("#res").append(btn2)
addline()
function addline(){
var n=$(".line").size()+1
$("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>")
}
function delline(){
$("#tab .line:last").remove()
}
})
})
</script>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)