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();
}

当我从输入字段中获取值并在servlet中检查它们时，它们为空。

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

我不明白您想要什么，但是在您的代码中有些错误。像这样获取具有指定ID的元素：

document.getElementById('recipientNameText');

无需将#添加到选择器中。

使用javascript获取输入值：

document.getElementById('recipientNameText').value;

使用javascript设置输入值：

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

如何从输入字段中获取值并将其值插入另一个输入中？

2 个答案: