как добавить содержимое в поле onChange в поле ввода - PullRequest
Новая
       18

как добавить содержимое в поле onChange в поле ввода

0 голосов
/ 05 февраля 2012

У меня есть поле ввода

, и у меня есть тег span, содержащий некоторый текст: Ожидание действия пользователя ..

То, что я пытаюсь сделать, это когда значениеизменения в поле ввода Я хочу добавить (добавить) значение в теге span в новой строке.

Так что, если я продолжу добавлять, скажем: 1, 2, 3, 4, 5, 6,7, что-тоили

тогда диапазон имеет 

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

Кто-нибудь, пожалуйста, помогите?

Спасибо Praney

Ответы [ 3 ]

2 голосов
/ 05 февраля 2012

Я не эксперт, но это может немного помочь. 

<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);
});
1 голос
/ 05 февраля 2012

Что-то вроде 

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

должен сделать трюк

0 голосов
/ 05 февраля 2012

Обновлен код для отображения желаемого результата в вопросе об обновлении

Я бы поставил интервал перед вашим текстом и просто обновил бы тот, который введен пользователем

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/

...