js动态添加文本框

js动态添加文本框,第1张

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"))

<html>

<head>

<title>js动态的在页面上增加或删除一个文本框</title>

<script type="text/javascript">

<!--

var textNumber = 1

function addTextBox(form, afterElement) {

// Increment the textbox number

textNumber++

// Create the label

var p = document.createElement("p")

p.id="txt"+textNumber

var label = document.createElement("label")

// Create the textbox

var textField = document.createElement("input")

textField.setAttribute("type","text")

textField.setAttribute("name","biaozhundaan"+textNumber)

textField.setAttribute("id","biaozhundaan"+textNumber)

// Add the label's text

label.appendChild(document.createTextNode("第"+textNumber+"空: "))

// Put the textbox inside(里面)的//把文本框放进去

label.appendChild(textField)

// Add it all to the form fengshu

p.appendChild(label)

var label = document.createElement("label")

// Create the textbox

var textField = document.createElement("input")

textField.setAttribute("type","text")

textField.setAttribute("name","pingfengA"+textNumber)

textField.setAttribute("id","pingfengA"+textNumber)

// Add the label's text

label.appendChild(document.createTextNode("评分词"+textNumber+": "))

// Put the textbox inside(里面)的//把文本框放进去

label.appendChild(textField)

// Add it all to the form

p.appendChild(label)

var label = document.createElement("label")

// Create the textbox

var textField = document.createElement("input")

textField.setAttribute("type","搭隐text")

textField.setAttribute("name","fengshu"+textNumber)

textField.setAttribute("id","fengshu"+textNumber)

// Add the label's text

label.appendChild(document.createTextNode("分数"+textNumber+": "))

// Put the textbox inside(里面)的//把文本框放进去

label.appendChild(textField)

// Add it all to the form

//

p.appendChild(label)

form.insertBefore(p,afterElement)

return false

}

function removeTextBox(form) {

if (textNumber > 1) { // If there's more than one 御李text box

// Remove the last one added

form.removeChild(document.getElementById("txt"+textNumber))

textNumber--

}

}

//-->

</script>

</head>

<body>

<form id="myForm" method="get" action="./" 镇枝迟/>

<label>Text Box #1a: <input type="text" name="txt1" id="txt1" /></label>

<p>

<input type="button" value="Add Textbox" onClick="addTextBox(this.form,this.parentNode) " />

<input type="button" value="Remove Textbox" onClick="removeTextBox(this.form)" />

</p>

<p><input type="Submit" value="Submit" /></p>

</form>

</body>

</html>


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

原文地址: http://outofmemory.cn/bake/11980440.html

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

发表评论

登录后才能评论

评论列表(0条)

保存