我有一个输入框
我有一个包含一些文本的跨度标签:等待用户操作..
我想要做的是,当输入框的值发生变化时,我希望它在新行中添加(前置)跨度标记中的值。
因此,如果我继续添加让我们说:1、2、3、4、5、6,7,或者
那么跨度有
or
something
7
6
5
4
3
2
1
Waiting for user action..
有人请帮忙吗?
谢谢普拉尼
我不是专家,但这可能会有所帮助。
<input type="text" id="myBox">
<span id="mySpan">Waiting for user action</span>
还有一点 jQuery 来更新 SPAN。
$("#myBox").keyup(function() {
var myBoxContents = $("#myBox").val();
var mySpanContents = $("#mySpan").text();
$("#mySpan").html(myBoxContents+"<br>"+mySpanContents);
});
就像是
$('#textbox_id').keyup(function(e){
$('#span_id').prepend(String.fromCharCode(e.keyCode) + '<br>');
});
应该做的伎俩
更新代码以显示更新问题中所需的输出
我会将跨度放在您的文本前面,并使用用户输入的内容简单地更新该跨度
html:
<input type="text" id="text_input"><br>
<span id="userInput"></span>Waiting for user action
jQuery:
$("#text_input").keyup(function() {
var data = $("#text_input").val();
var myarray = data.split(",");
var output = $("<span />");
for (var i = 0; i < myarray.length; i++) {
console.log(i);
myarray[i] != "" ? output.prepend(myarray[i] + "<br>") : "" ;
}
$("#userInput").html(output.html());
});