заполнение формы с jquery

Question

У меня вопрос о заполнении формы. У меня есть этот html.

<input type="text" name="" id="voornaam" value="" class="full"> 
<span class="data-name">Dhr. name lastname</span> 

Когда вы вводите имя на входе. Имя должно быть добавлено в имя данных диапазона. Имя, которое вы вводите на вкладке. Должно положить это в промежуток.

Answer 1

Тест

HTML

<input type="text" name="" id="voornaam" value="" class="full" /> 
<input type="text" name="" id="achternaam" value="" class="full" /> 
<span class="data-name">Dhr. name lastname</span> 

JQuery

$('#voornaam').on('keyup', function() { 
    var name = this.value; 
    var lastname = $('#achternaam').val(); 
    $('.data-name').text(name + " " + lastname); 
}); 
$('#achternaam').on('keyup', function() { 
    var lastname = this.value; 
    var name = $('#voornaam').val(); 
    $('.data-name').text(name + " " + lastname); 
}); 

DEMO

Answer 2

Используйте следующий код, который крепит к событию keydown вашего текстового поля и синхронизирует его с размахом:

$(function() { 
    $("#voornaam").keydown(function() { 
     $(".data-name").html($(this).val()); 
    }); 
}); 

Вы можете найти демо здесь: http://jsfiddle.net/py3G5/

Answer 3

Это изменит текст одновременно с изменением текста

$(function() { 
     $("#voornaam").keypress(function() { 
      $(".data-name").html($(this).val()); 
     }); 
    }); 

Answer 4

Вот как это работает:

$("#voornaam").on('keyup', setName); 

function setName(event) { 
    $(".data-name").html($("#voornaam").val()); 
} 

Working Fiddle

Answer 5

Это довольно простой JavaScript:

вы можете делать все это на элемент, если вы хотите сохранить его простым:

JavaScript:

<input type="text" id="source" onkeyup="javascript:$('#dest').text($('#source').val())"> 
<span id="dest"></span> 

Что происходит здесь является то, что каждый раз, когда вы нажимаете клавишу в поле ввода, срабатывает событие javascript onkeyup, а код JQuery копирует значение с входа с идентификатором «источник» в диапазон назначения с идентификатором «dest»

Скрипач пример: http://jsfiddle.net/dqU5m/

Answer 6

Must имя добавляется при вводе или при перемещении внимание от входа?

Когда вы печатаете;

$(function() { 
    $("input#voornaam").change(function(){ 
     $("span.data-name").html($(this).val()); 
    }); 
}); 

or on focus out;

$(function() { 
    $("input#voornaam").focusout(function(){ 
     $("span.data-name").html($(this).val()); 
    }); 
}); 

Если вы собираетесь использовать много этого типа функциональности может быть стоит посмотреть на основы, как Knockoutjs