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

Тема в разделе "JavaScript", создана пользователем Voshal, 22 апр 2011.

Модераторы: ZiX
  1. Voshal

    Voshal Мизантроп

    Регистр.:
    30 мар 2009
    Сообщения:
    286
    Симпатии:
    108
    Приветствую.

    Есть форма

    Код:
    <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, но чтобы автоматически брало значение с первого поля.


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

    Miraage Angular/Laravel

    Регистр.:
    3 июн 2008
    Сообщения:
    230
    Симпатии:
    51
    HTML:
    
    <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>
    
    попробуй так
     
  3. alexa_toma

    alexa_toma Писатель

    Регистр.:
    23 авг 2011
    Сообщения:
    1
    Симпатии:
    0
    Может и мне кто подскажет?! Есть скрипт:

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

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

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    если неважна последовательность заполнения, то можно так:
    Код:
    $('#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); }); 
    
     
  5. mr.Voodoo

    mr.Voodoo Создатель

    Регистр.:
    31 мар 2008
    Сообщения:
    28
    Симпатии:
    9
    Какой изумительный быдло-код, аплодирую.

    HTML:
     
      <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>
    
     
    svinka нравится это.