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（）

Answer 2

您必须拥有click事件的元素。它的id值必须是“taskTable”。所以

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

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

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

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

无法在模态（materializecss）内的表单上填充文本

2 个答案: