JQuery将范围值附加到textarea一次

Question

我遇到了一个非常奇怪的问题。我一般都是JavaScript和JQuery的新手，所以听起来有点好笑但我需要在textarea中为现有文本添加范围值，但是我的代码在每个范围输入上添加了值，但我只需要一个输入动态改变输入。

这是我的代码：

＆＃13;

＆＃13;

$("input").on("input",function(){
    $("textarea").append(this.value);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea>Test</textarea>
    <input type="range" min="0" max="100">

＆＃13;

＆＃13;

＆＃13;

非常感谢您花费宝贵的时间处理我的问题。非常感谢您的帮助。

Answer 1

试试这个;

＆＃13;

＆＃13;

var text = $("textarea").val();
$("input").on("input",function(){
	$("textarea").val(text + ' ' + this.value);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea>Test</textarea>
<input type="range" min="0" max="100">

＆＃13;

＆＃13;

＆＃13;