Как клонировать / скопировать значение нескольких входных данных в один вход

Question

Как клонировать / скопировать значение нескольких входных данных в один вход

0

Привет, мне это нужно для моего школьного проекта.

Я хочу, чтобы JAVASCRIPT копировал/клонировал значения 4 или 5 полей ввода при вводе содержимого внутри них в один вход.

это вход, который должен собирать все значения:

<input type="hidden" id="mainInput" name="main" value="" />

Это остальные входы

<input type="text" id="input1" name="input1" value="info1" />
<input type="text" id="input2" name="input2" value="hello World" />
<input type="text" id="input3" name="input3" value="my SECOND" />
<input type="text" id="input4" name="input4" value="sure!" />

Поэтому на последнем этапе результатом должно быть следующее:

<input type="hidden" id="mainInput" name="main" value="info1hello Worldmy SECONDsure!" />

PS это должно произойти без кнопок отправки... В JS есть опция, называемая onFocus.

Итак, какие-нибудь идеи?

Andrei 25 март 2014, в 16:23

Источник

3

Мы не делаем домашнюю работу здесь.
yunzen 25 март 2014, в 14:34
0

Начните с обработчиков событий JS - вы уже знаете, какой вам нужен onfocus
tymeJV 25 март 2014, в 14:34
0

:) хорошая попытка! это не домашняя работа!
Andrei 25 март 2014, в 14:34
0

Вы можете прочитать о функции $ .each - api.jquery.com/jQuery.each
Nick 25 март 2014, в 14:37
0

Вы хотите скопировать значения при нажатии кнопки, или вы хотите, чтобы они копировались в режиме реального времени, пока вы вводите другие данные?
Bobby5193 25 март 2014, в 14:38
0

в режиме реального времени, пока вы вводите другие данные
Andrei 25 март 2014, в 14:38
0

Вы говорите: «Мне нужно это для моего школьного проекта», так что это как домашняя работа;). Вам нужно добавить триггер onChange события onChange для каждого входа, который вы хотите onChange .
Elorfin 25 март 2014, в 14:40

Показать ещё 5 комментариев

Теги:

javascript

jquery

html

3 ответа

1

Вы можете попробовать этот метод и отлично работать jsfiddle

<input type="text" class="testvalues" id="input1" name="input1" value="info1" />
<input type="text" class="testvalues" id="input2" name="input2" value="hello World" />
<input type="text" class="testvalues" id="input3" name="input3" value="my SECOND" />
<input type="text" class="testvalues" id="input4" name="input4" value="sure!" />
<input type="hidden" id="mainInput" name="main" value="" />

 $('.testvalues').on('keyup',function(){    
      var txtfirst=$('#input1').val();
      var txtsecond=$('#input2').val();
      var txtthird=$('#input3').val();
      var txtfourth=$('#input4').val();

      $('#mainInput').val(txtfirst +" "+ txtsecond +" "+ txtthird +" "+ txtfourth );

});

Посмотрите на скрипку по адресу http://jsfiddle.net/HGu5M/22/

Hamid Narikkoden 25 март 2014, в 12:58

0

$('input[type="text"]').change(function () {
    $('#mainInput').val($('#input1').val() + $('#input2').val() + $('#input3').val() + $('#input4').val());
})

Aditzu 25 март 2014, в 12:58

Ещё вопросы

Мы не делаем домашнюю работу здесь.
Начните с обработчиков событий JS - вы уже знаете, какой вам нужен onfocus
:) хорошая попытка! это не домашняя работа!
Вы можете прочитать о функции $ .each - api.jquery.com/jQuery.each
Вы хотите скопировать значения при нажатии кнопки, или вы хотите, чтобы они копировались в режиме реального времени, пока вы вводите другие данные?
в режиме реального времени, пока вы вводите другие данные
Вы говорите: «Мне нужно это для моего школьного проекта», так что это как домашняя работа;). Вам нужно добавить триггер onChange события onChange для каждого входа, который вы хотите onChange .

j08691 · Accepted Answer · 2014-03-25T12-18-00.000Z

$('input[type="text"]').keydown(function () {
    $('#mainInput').val($('#input1').val() + $('#input2').val() + $('#input3').val() + $('#input4').val())
})

Пример jsFiddle