使用.click()函数在文本区域中插入文本 - 文本消失

时间:2017-03-12 21:53:22

标签: javascript jquery click

我试图从输入的标签'value'中获取值并将其插入textarea中。哪个我成功但是...... 文本只持续点击的时间。

以下是代码:

   $(function(){
    $("input.hiragana").click(function() {
        document.getElementById('hiraganaBoard').append($(this).val());
    });
});

输入示例:

<input class = 'hiragana' type = 'submit' value = 'あ' /> 

hiraganaBoard是textarea

(以防你需要html部分,非常大,所以我只是粘贴它)

(PS:代码有点受到我在提出问题之前所做的研究的启发。但是我可能会使用我不知道的错误术语。如果我错过了答案我会道歉。感谢您的理解)。

1 个答案:

答案 0 :(得分:0)

jQuery中的

.append指的是实际的元素,而我们则更改值。使用.append而不是.val会在用户输入任何文本后立即将其破坏。

$(".insert").click(function() {
	$("#here").val($("#here").val() + $(this).attr("value"))
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="here"></textarea>

<button class="insert" value = 'あ'>あ</button>