在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ jquery 創(chuàng)建多個input同時賦不同的值

jquery 創(chuàng)建多個input同時賦不同的值

點擊btn動態(tài)創(chuàng)建多個input,每個input的value值為.add手動輸入的value值（每次的value值互不影響）。
效果大概就是自定義標簽的那種。求指教！

 <form action="" id="re-form1">
     <!--創(chuàng)建的input標簽-->
 </form>
 <div>
     <input class="add" type="text" placeholder="其他..."/>
     <button class="btn">確定</button>
  </div>
回答
編輯回答
荒城
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
        <form action="" id="re-form1">
                <!--創(chuàng)建的input標簽-->
            </form>
            <div>
                <input class="add" type="text" placeholder="其他..."/>
                <button class="btn">確定</button>
             </div>
    <script src="./js/jquery-2.1.0.js"></script>
    <script>
      $('.btn').click(function(){
           if($('.add').val()){
              var inp = $("<input  type='text'>");
              inp.val($('.add').val());
              $('#re-form1').append(inp);
          }
      })
    </script>
</body>
</html>
2018年3月15日 20:56