gpt4 book ai didi

javascript - 如何循环输入类型文本?

转载 作者:行者123 更新时间:2023-11-30 12:54:20 27 4
gpt4 key购买 nike

如何循环输入类型文本,以便它可以拥有自己的独特属性,例如。名称,值(value)。我的意思是,例如 name="text1", name="text2",.像那样的东西。这是我的代码。谢谢:)

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="javascript">
function add(type) {

//Create an input type dynamically.
var element = document.createElement("input");

//Assign different attributes to the element.
element.setAttribute("type", "text");
element.setAttribute("value", "typhere");
element.setAttribute("name", "txtbox");

var btns = document.createElement("input");


btns.setAttribute("type", "button" );
btns.setAttribute("value", "delete");
btns.setAttribute("name", "dlete");


var foo = document.getElementById("fooBar");

//Append the element in page (in span).

foo.appendChild(element);
foo.appendChild(btns);
var br = document.createElement("br");
foo.appendChild(br);

}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<H2></H2>

<BR/>


<INPUT type="button" value="Add" onclick="add(document.forms[0].value);"/>

<span id="fooBar"><br/></span>

</FORM>
</BODY>
</HTML>

最佳答案

你可以这样做:

var inputId = 0;

function add(type){
// do the stuff you have to do with inputId
// input.setAttribute("name", "text" + inputId); for example
inputId++;
}

如果你不想污染全局命名空间,你可以这样做:

(function(window){
var inputId = 0;

window.InputManager = {
add : function(type){
// do tuff with inputId
// input.setAttribute("name", "text" + inputId); for example
inputId++;
}
};
})(window);

然后

<input type="button" value="Add" onclick="InputManager.add(document.forms[0].value)"/>

关于javascript - 如何循环输入类型文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19783594/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com