0

入力ボックスがあります

いくつかのテキストを含む span タグがあります: Waiting for user action..

私がやろうとしているのは、inputbox の値が変更されたときに、新しい行の span タグに値を追加 (先頭に追加) したいということです。

したがって、追加し続けると、1、2、3、4、5、6、7、何か、または

スパンは

or
something
7
6
5
4
3
2
1
Waiting for user action..

誰でも助けてください？

ありがとうプラニー

4

3 に答える 3

2

私は専門家ではありませんが、これは少し役立つかもしれません。

<input type="text" id="myBox">
<span id="mySpan">Waiting for user action</span>

そして、SPAN を更新するためのちょっとした jQuery。

$("#myBox").keyup(function() {
    var myBoxContents = $("#myBox").val();
    var mySpanContents = $("#mySpan").text();
    $("#mySpan").html(myBoxContents+"<br>"+mySpanContents);
});
于 2012-02-05T01:47:13.863 に答える
1

何かのようなもの

$('#textbox_id').keyup(function(e){
    $('#span_id').prepend(String.fromCharCode(e.keyCode) + '<br>');
});

トリックを行う必要があります

于 2012-02-05T01:41:45.323 に答える
0

更新の質問で必要な出力を表示するようにコードを更新しました

スパンをテキストの前に置き、ユーザーが入力した内容でそのスパンを更新するだけです

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());
});

実例http://jsfiddle.net/64FVx/6/

于 2012-02-05T02:45:02.727 に答える