変数リストフォーム入力JqueryとPHP

Question

したがって、機能が入力されたフォームを作成しています。それはわずか1で始まりますが、その数は増えます。ボタンをクリックすると、Jqueryを使用して新しい機能を追加するための新しいテキストボックスが追加されます。

JsFiddle：https://jsfiddle.net/kmckeow/ewnetzqx/

問題1：私は（input.attr使用することはできませんと言っJavaスクリプトからのエラー）。

問題2：このJavaScriptを使用すると、PHPでさまざまな要素（feature1、feature2、feature3、...）をどのように参照するのでしょうか。私が投稿とフォームを提出するとき、私は通常、各要素の情報をその名前でアクセスします。どのくらいの機能があるかわからないときは、どうすればいいですか？

HTML：

<div id="new_product"> 
     <form action="" method="post" enctype="multipart/form-data"> 
     <p> 
     <label for="feature1"> Feature(s): </label> 
     <input type="text" name="feature1" /> 
     <button type="button" class="btn btn-primary" id="add_feature">Add Feature</button> 
     <p> 
     <input type="submit" value="Submit" name="submit"> 
     </form> 
    </div> 

はJQuery：

var feature_count=1; 
    var feature_count_old=0; 
    $("#add_feature").click(function() { 
     feature_count_old=feature_count; 
     feature_count+=1; 
     var input = document.createElement("input"); 
     input.attr('name', 'feature' + feature_count); 
     input.attr('type', 'text'); 
     $("input[name='feature'+feature_count_old]").after(input); 
    }); 

Answer 1

問題1 あなたはjQueryのをロードしていなかったので、$が定義されていません。あなたのスニペットにjQueryライブラリを追加するだけでいいです！

var $input = $('input'); 
$input.attr('name', 'feature' + feature_count); 

：あなたはこのような何かをする必要があるので、

号2 attrが（）、jQueryの方法ではなくバニラJSであります