Блог

Главная - Вопросы по программированию - Как установить значение нескольких входных данных на значение другого

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

#jquery

#jquery

Вопрос:

Я пытаюсь взять значения трех полей и ввести значение четвертого, но вводится только значение первого поля имени.

 $("input.communication").on("input keyup", function(event){
    $("input#communication").text($("input#name, input#email, input#phone").val());
});

Ответ №1:

Это объединит входные name данные , email , и phone в одну переменную ( inpt ), и при communication изменении она будет обновлена содержимым inpt .

 $("input.communication").on("keyup", function(event) {
  var inpt = $("input#name").val()   $("input#email").val()   $("input#phone").val();
  $("input#communication").val(inpt);
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
#communication (changed from hidden): <input type="text" class="title" name="name, mail, phone" id="communication" value=""><br>
#name: <input type="text" class="communication" id="name"><br>
#email: <input type="text" class="communication" id="email"><br>
#phone: <input type="tel" class="communication" id="phone">

Комментарии:

1. Я должен вводить значения в name, email, phone, и они должны быть разделены запятыми или пробелами в value #communication

2. <тип ввода = «скрытый» класс = «заголовок» имя =»имя, почта, телефон» идентификатор =»связь» значение = «»> <тип ввода = «текст» класс = «связь» идентификатор = «имя»>» id =»электронная почта»> <тип ввода =»тел» класс =»связь» id = «телефон»>

3. @BANKAI изменил ответ, используя ваш html. Пожалуйста, добавьте HTML к вашему вопросу.