Question

我有这个代码重复div＆＃34; clone＆＃34;并通过php文件中的ajax检索数据

如何使重复输入检索数据而不仅仅是第一个输入

<div class="input" id="itemRows">

                     <div class="clone">
                     <?php $x = 1; ?>
                         <style>
                         .txtHint1 {
                             width:95%;
                             padding:10px 6px;
                             border-bottom:solid 3px #06C;
                             background-color:#f1f1f1;
                             margin-right:5px;
                         }
                         </style>
                      <script>
                        function <?php echo 'showUser'.$x;?>(str)
                        {
                        if (str=="")
                          {
                          document.getElementById("<?php echo 'txtHint'.$x;?>").innerHTML="";
                          return;
                          } 
                        if (window.XMLHttpRequest)
                          {// code for IE7+, Firefox, Chrome, Opera, Safari
                          xmlhttp=new XMLHttpRequest();
                          }
                        else
                          {// code for IE6, IE5
                          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                          }
                        xmlhttp.onreadystatechange=function()
                          {
                          if (xmlhttp.readyState==4 && xmlhttp.status==200)
                            {
                            document.getElementById("<?php echo 'txtHint'.$x;?>").innerHTML=xmlhttp.responseText;
                            }
                          }
                        xmlhttp.open("GET","searchuser/getuser.php?clientmergedid="+str,true);
                        xmlhttp.send();
                        }
                      </script>
                         <input onchange="<?php echo 'showUser'.$x;?>(this.value)" type="text" class="clientphone" placeholder="رقم العميل" name="clientmergedid[]" />
                        <input type="text" class="clientdes" placeholder="صفة العميل" name="clientmergeddes[]" />
                        <div class="clearfloat"></div>
                        <div id="<?php echo 'txtHint'.$x;?>" class="<?php echo 'txtHint'.$x; $x++;?>">بيانات العميل</div>
                        <div class="clearfloat"></div>
                     </div>
                    <a href="#" class="add clientadd" rel=".clone">إضافة المزيد</a>
                    <script type="text/javascript">
                    $(function(){
                      var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">إزالة</a>';
                    $('a.add').relCopy({ append: removeLink});  
                    });
                    </script>
                    <div class="clearfloat"></div>

                    <!--<input class="add clientadd" rel=".clone" onClick="addRow(this.form);" type="button" value="جديد" />-->
                    <div class="clearfloat"></div>

                 </div>

我用谷歌搜索了它，但我没有达到任何东西

Answer 1

您已经在使用jQuery，如果您使用clone的深层克隆版本，则可以克隆div及其事件处理程序。像这样：

var clonedDiv = $('#existingDiv').clone(true); //where the true param indicates to clone data and events.

See full documentation here.

Answer 2

Cf http://api.jquery.com/clone/：

$(div).clone(true, true);

如何复制/克隆div和它的javascript函数

2 个答案: