jquery，在输入框更改时添加到div

Question

http://jsfiddle.net/y8gA6/2/

我喜欢将范围添加到testDiv为1111-2222而不替换testDiv中的现有文本，我该怎么做，追加是在每个键上连续附加值，.html（）替换现有文本。任何想法？

Answer 1

我认为您可以使用change事件（Example）：

$('input[name=low],input[name=high]').on("change", function(){
    //...
});

change事件仅在元素中的内容发生更改且离开元素后才会发生，因此所有内容都会立即附加。

Answer 2

您可以在文本后添加跨度到您的div，并将.text()值添加到

$('input[name=low],input[name=high]').on("keyup paste", function(){
var min = $("input[name=low]").val();
var max = $("input[name=high]").val();

$('#range').text(min+'-'+max);
});

工作Fiddle

或者您可以将文字保存在某个变量中，然后将其添加到.html() 喜欢here