Как я могу получить значение из поля ввода и вставить его значение в другой вход?

Question

У меня проблема с вставкой любого значения ввода в другое значение ввода.

Эти входные значения, поступающие из selvlet, определены ниже. Эти значения верны. Я не могу заключить их в форму.

<input type="text" class="form-control" id="recipientNameText" name="recipientName" value="${bookOrder.recipentName}"  size="45" />
<input type="text" class="form-control" id="recipientPhoneText" name="recipientPhone" value="${bookOrder.recipentPhone}"  size="45" />
<input type="text" class="form-control" id="shippingAddressText" name="shippingAddress" value="${bookOrder.shippingAddress}"  size="45" />

Моя форма здесь

<form action="save_book_order" action="GET" class="form-inline">
  <input id="orderId" name="orderId" type=hidden value="${bookOrder.id}">
  <input type="hidden" class="form-control" id="recipientNameHidden" name="recipientName" onchange="test1()"  size="45" />
  <input type="hidden" class="form-control" id="recipientPhoneHidden" name="recipientPhone" onchange="test2()" size="45" />
  <input type="hidden" class="form-control" id="shippingAddressHidden" name="shippingAddress" onchange="test3()" size="45" />   
</form>

Эти входные значения относятся к входным значениям, показанным выше формы.

Я хочу получить значения из recipientNameText, recipientPhoneText, shippingAddressText и поместить их в эти значения, но я не смог с этим справиться. Как я могу это исправить?

Вот мой код JavaScript.

function test1(){
  var recipientNameValue = document.getElementById('#recipientNameText').val();
  $('#recipientNameHidden').val();
}

function test2(){
  var recipientNameValue = document.getElementById('#recipientPhoneText').val();
  $('#recipientPhoneHidden').val();
}

function test3(){
  var recipientNameValue = document.getElementById('#shippingAddressText').val();
  $('#shippingAddressHidden').val();
}

Когда я получаю значения из поля ввода и проверяю их в сервлете, они пусты.

String recipientName = request.getParameter("recipientName");
        String recipientPhone = request.getParameter("recipientPhone");
        String shippingAddress = request.getParameter("shippingAddress");

        System.out.println("SaveBookOrderServlet | recipientName : " + recipientName);
        System.out.println("SaveBookOrderServlet | recipientPhone : " + recipientPhone);
        System.out.println("SaveBookOrderServlet | shippingAddress : " + shippingAddress);

Выход:

SaveBookOrderServlet | recipientName : 
SaveBookOrderServlet | recipientPhone : 
SaveBookOrderServlet | shippingAddress : 

Answer 1

   Please use oncick function on the text type field, not on the hidden field like this - 

 <input type="text" class="form-control" id="recipientNameText" name="recipientName"  size="45" onchange="test1()" />

and use javascript code like this -

        function test1(){
              var recipientNameValue = document.getElementById('recipientNameText').value;
              document.getElementById('recipientNameHidden').value = recipientNameValue;
            }

Answer 2

Я не понял, что вы хотите, но в вашем коде есть ошибки. Получить элемент с указанным идентификатором так:

document.getElementById('recipientNameText');

нет необходимости добавлять # в селектор.

получить значение ввода с использованием JavaScript:

document.getElementById('recipientNameText').value;

установить значение ввода с использованием JavaScript:

document.getElementById('recipientNameText').value = "some value";