Question

我知道这是一个非常基本的问题，但我正处于紧张状态，以完成这个项目。我正在使用JQuery插件CloneYa，在您克隆表单字段后，我希望能够通过附加克隆计数来更改表单名称。

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery CloneYa demo</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">



    </head>
    <body>


            <h2>Simple Cloning</h2>
            <form class="form" method="get" action="panel_test_simple.html"> 



         <div id="animate-clone">

                <div class="toclone">
                    <p> 
                        <input type="text" name="name" id="sname" /> 
                        <label for="name">Name</label> 
                    </p> 

                    <p> 
                        <input type="text" name="email" id="semail" /> 
                        <label for="email">E-mail</label> 
                    </p> 

                    <p > 
                        <input type="text" name="web" id="sweb" /> 
                        <label for="web">Website</label> 
                    </p>  
                    <a href="#" class="clone">clone</a>
                    <a href="#" class="delete">delete</a>
                </div>

         </div>

                <p class="submit"> 
                    <input type="submit" value="Save" /> 
                </p> 

            </form>




     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script>

    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <script src="jquery-cloneya.js"></script>


      <script>

              $('#animate-clone').cloneya({


                       limit       : 5,  
                        valueClone      : false,
                        dataClone       : true,
                        deepClone       : true,  
                        clonePosition   : 'after',
                        serializeID     : true, 
                        defaultRender   : false,
                        preserveChildCount: true 

              })
                    .on('after_clone.cloneya', function (event, toclone, newclone) {
                       // alert(toclone.attr('id'));
                    });

  </script>




    </body>
</html>

如何使用JQuery插件CloneYa更改表单字段名称

0 个答案: