Автоматическое заполнение второго поля, input -> input

[Voshal]

Приветствую.

Есть форма

<form action="/" method="post" id="block">
*Имя <input type="text" class="name" value="" name="info[first_name]" id="chk_first_name" />
*Прозвище <input type="text" class="bick" rel="chk_first_name" value="" name="address[first_name]" />
</form>

Как сделать, чтобы при заполнении поля Имя, поле Прозвище заполнялось автоматически, даже не кликая по полю Прозвище, а лучше сделать его hidden, но чтобы автоматически брало значение с первого поля.


Заранее благодарю за развернутый ответ.

 

[Miraage]

<form action="/" method="post" id="block">
 *Имя <input onkeyup="document.getElementById('inick').value = this.value;" type="text" class="name" value="" name="info[first_name]" id="chk_first_name" />
 *Прозвище <input id="inick" type="text" class="bick" rel="chk_first_name" value="" name="address[first_name]" />
</form>

попробуй так

 

[alexa_toma]

Может и мне кто подскажет?! Есть скрипт:

$('#demo1').keyup(function() { var a = $(this).val(); $('#demo2').attr('value', a); });

он делает автоматическое заполнение второго поля input такой же инфой, как при заполнении первого.
Нужно переделать скрипт так, чтобы при заполнении "поля 1" и "поля 2" получалось "поле 3", состоящее из "Поле 1 Поле 2".

 

[dino]

если неважна последовательность заполнения, то можно так:

$('#demo1').keyup(function() {
var a = $(this).val();
var b=$('#demo3').val();
$('#demo3').val(b+" "+a); }); 
$('#demo2').keyup(function() {
var c = $(this).val();
var d=$('#demo3').val();
$('#demo3').val(d+" "+c); });

 

[mr.Voodoo]

если неважна последовательность заполнения, то можно так:

$('#demo1').keyup(function() {
var a = $(this).val();
var b=$('#demo3').val();
$('#demo3').val(b+" "+a); });
$('#demo2').keyup(function() {
var c = $(this).val();
var d=$('#demo3').val();
$('#demo3').val(d+" "+c); });

Какой изумительный быдло-код, аплодирую.

  <script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js'></script>
  <script>
    window.jQuery || document.write('<script src="jquery-1.8.0.min.js"><\/script>');
    $('#FormLogin input[name=firstname], #FormLogin input[name=secondname]').live('keyup', function() { 
      $('#FormLogin input[name=thirddname]').val($('#FormLogin input[name=firstname]').val() + (($('#FormLogin input[name=firstname]').val() != '') ? ' ' : '') + $('#FormLogin input[name=secondname]').val());
    }); 
  </script>
 
  <form id='FormLogin'>
    <input type='text' name='firstname' />
    <input type='text' name='secondname'  />
    <input type='hidden' name='thirddname' />
  </form>