使用按钮清除特定的笔芯字段

时间:2019-03-25 18:38:14

标签: javascript jquery quill

我正在使用Quilljs 1.3.6。我想在HTML表单上添加一个按钮,以清除特定的quilljs字段。

当我在任何输入文本字段上使用jquery时,我所要做的就是创建一个调用javascript函数的按钮,该按钮删除字段中的内容。例如:

HTML

<label for="strengths">How strong are you?<label>
<input type='text' name='strengths' id='strengths'>

<input type="button" onclick="clearTextField()">Clear Field</button>

JavaScript文件

function clearTextField() {
    $('#strengths').val('');
}

如何清除quilljs字段?我试图做这样的事情:

HTML

<label for="strengths">How strong are you?<label>
<input type="hidden" name="strengths">
<div id="strengths-container">
    <p>Blah Blah Blah</p>
</div>
<input type="button" onclick="clearTextField()">Clear Field</button>

JavaScript文件

function clearTextField() {
    strengths.setContents([]);
}

但是,这是行不通的,因为“ strengths”对象是在其他javascript函数中创建的。而且,“强度”的范围仅限于实例化它的功能。

var strengths = new Quill("#strengths-container", {
    modules: {
        toolbar: toolbaroptions
    },
    theme: "snow"
});

因此,此Quilljs方法无效。

function clearTextField() {
    strengths.setContents([]);
}

我正在尝试使<div id="strengths-container'>清除值:

<p>Blah Blah Blah</p>

我不想使用HTML重置按钮,因为在单击按钮以清除Quilljs字段时,我不想清除其他表单字段。

0 个答案:

没有答案