无法填充模态内的表单上的文本(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');试试这个$('#edtTaskName').val('asd');

对于文本输入,您必须使用.val()而不是.text()