javascript中怎么实现文本框按钮的添加和删除

javascript中怎么实现文本框按钮的添加和删除,第1张

思路:

添加:往页面类型是button的input 标签

删除:通过input标签查找所有添加按钮,移除其中一个

代码示例:

<script>

function add(){

   var buttons = document.getElementById('buttons')

   buttons.innerHTML += ("<input type='button' value='新1'/>")

}

function del(){   

   var buttons = document.getElementById('buttons')

   var inputs =buttons.getElementsByTagName('input')

   if(inputs.length>0){

      inputs[0].remove()

   }

}

</script>

</head>

<body>

<div id='buttons'>

</div>薯销

<input type='button' value='数激游添加' onclick='add()'/>

<input type='button'铅衫 value='删除' onclick='del()'/>

</body>

var textarea = document.createElement("textarea")

textarea.id="textarea"

document.body.appendChild(textarea)

var option = document.getElementsByTagName("select")[0]

option.onchange=function(){

option[option.selectedIndex].text="郑卜"喊桐穗

}

document.getElementsByTagName("select"轮禅)[0].add(document.createElement("option"))


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11978597.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存