JQueryで.Valを追加するには？

Question

追加する方法についてはjQueryチュートリアルを見ていましたが、アラートを持つNaNだけです。それ以外に何が必要ですか？

$(document).ready(function() { 
 
    $('.addsection').on("click", function() { 
 
    var value = parseFloat($(this).val()) + 1; 
 
    alert(value); 
 
    $(".addsection").val(value); 
 
    $(".adddesc").append("<input type='text' name='addsection[]' id='addsection" + value + "' class='form-control' value='" + value + "'/>"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <form method="POST" action "test4.php"> 
 
    <button type="button" class="addsection" name="addsection[]" id="addsection" val="1">Add Section</button> 
 
    </form> 
 
    <div class="adddesc"></div> 
 
</div>

Answer 1

変更ヴァルあなたのボタンの値に設定します。

<button type="button" class="addsection" name="addsection[]" id="addsection" val="1">Add Section</button> 

は

<button type="button" class="addsection" name="addsection[]" id="addsection" value="1">Add Section</button>