モーダル（materializecss）内のフォーム上のテキストを埋めることができません

Question

私はモーダル内にフォーム要素を設定しようとしていますが、それはできません。時間を探していて、私はできる、適切な答えを見つけるように見える。

モーダル：

<div id="editModal" class="modal modal-fixed-footer"> 
    <div class="modal-content row"> 
     <div class="center-align"> 
      <h4>Update Task</h4> 
      <p><b>NOTE:</b> You can only update Task Name and Task Type</p> 
     </div> 
     <form class="col s10 offset-s1" id="form" method="post"> 
      <div class="input-field col s10 offset-s1"> 
       <input id="edtTaskName" type="text" class="validate" required> 
       <label for="edtTaskNamelbl">Task Name</label> 
      </div> 
     </form> 
    </div> 
    <div class="modal-footer"> 
     <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a> 
    </div> 
</div> 

私はそれを直接アクセスしてみました：

$('#taskTable').on('click', '#editbtn', function() { 
    $('#editModal').modal('open'); 
    $('#edtTaskName').text('asd'); 
    $("#edtTaskNamelbl").addClass('active'); 
}); 

私もモーダル自体の子としてアクセスしてみました：これの

$('#taskTable').on('click', '#editbtn', function() { 
    $('#editModal').modal('open'); 
    $('#editModal').find("#edtTaskName").text('asd'); 
    $('#editModal').find("#edtTaskNamelbl").addClass('active'); 
}); 

どれも持っていません動作するようです。私を助けることができる人のためにありがとう。

Answer 1

この$('#edtTaskName').text('asd');が（.TEXTない）あなたは（.val使用する必要があり、テキスト入力のためのこの$('#edtTaskName').val('asd');

を試してみたいとしません）

Answer 2

あなたは、クリックイベントのための要素を持っている必要があります。そのid値は "taskTable"でなければなりません。したがって

<input type="button" id"taskTable" value="edit"/> 

次に、それを使用できます。あなたのJavaScriptコード。

$('#taskTable').on('click', '#editbtn', function() { 

......あなたのコード....... }）;