0

我在使用 javascript/jquery 时遇到了一些问题。我目前的情况如下
我有多个带有文本字段的 div。假设我正在使用 php 循环在每个 div 中最初显示 2 个输入字段

<div id="somediv100">
  <input type="text" id="name_100_1">
  <input type="text" id="name_100_2">
</div>
<input type="button" onclick="addnew(100)" />
<div id="somediv101">
   <input type="text" id="name_101_1">
   <input type="text" id="name_101_2">
</div>
<input type="button" onclick="addnew(101)" />

现在我想让用户在单击相应 div 的 addnew 按钮时在相应 div 中添加文本字段。
我的主要意图是继续计算在最初的两个字段之后添加了多少字段。我该怎么办？
PS 100,101,1,2 等所有值都是由 php 脚本通过循环生成的

4

4 回答 4

0

使所有的 div 和 textbox 动态地表示

    <javascript>
$(document).ready(function(){
for(i=1;<=(how many div you want);i++)
{
<div id=i>
for(j=1;j<=2;j++)
{
<input type='text' id=i+j>
}
</div>
}


});
</javascript>
于 2013-04-15T09:26:53.727 回答
0

尝试这个

<script type="text/javascript">

function fnc()
{
    el=document.createElement('div');

    //el.innerHTML="<input type='textbox' name='hid"+(i+1)+"'/>";
    el.innerHTML="<input type='textbox'  />";
    document.getElementById("adiv").appendChild(el);


}
</script>
<form action="CreateDynamicDiv.asp" method="post">
<div id="adiv">
qwerty
</div>
<input type="button" value="click me" onclick="fnc();">

</form>
于 2013-04-15T07:24:55.427 回答
0

记录 php 在隐藏字段中添加的字段总数，比如说 100。现在，当您点击添加按钮时，使用该隐藏字段计数并为您添加的每个新字段添加 +1。

于 2013-04-15T07:17:05.790 回答
0

http://jsbin.com/umuvus/1/edit

基本上，对于给定的 div：

div.data("addedCount");

记录您添加的输入字段

div.data("addedCount", div.data("addedCount") + 1);

计数的增量

$("div").data("addedCount", 0);

初始化计数

此外，如果您确定所有 div 的初始输入元素的数量将相同：

div.children("input").length - initialAmount
于 2013-04-15T07:37:14.177 回答