无法在模态内填充文本（materializecss）

我一直试图填充模态内的表单元素，当它打开时，但我似乎无法做到这一点。一直在寻找几个小时，我似乎找不到合适的答案。无法在模态内填充文本（materializecss）

模态：

<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'); 
});

的这些都没有似乎工作。感谢任何能够帮助我的人。

来源

2017-04-14 Zyx Sun

不喜欢这个$('#edtTaskName').text('asd');试试这个$('#edtTaskName').val('asd');

你必须使用.VAL

来源

2017-04-14 14:25:34 Nobita

非常感谢！这已经解决了我的问题。我感到很蠢，不能发现这样的错误。 –

总是仔细检查，有时小错误需要一天:) – Nobita

快乐编码:) – Nobita

您必须拥有click事件的元素文本输入（）不是的.text（）。它的id值必须是“taskTable”。所以

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

然后，你可以使用它。所以你的JavaScript代码。

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

......你的代码....... }）;

来源

2017-04-14 15:39:49

无法在模态内填充文本（materializecss）

回答

相关问题