Скопируйте значение в textarea в двух разных формах (обе формы в разных файлах .asp)

Question

У меня есть две разные формы, которые являются formA и formB, где каждая форма в разных файлах .asp. В каждой форме есть текстовое поле, где пользователю необходимо ввести свой адрес. Рядом с текстовой областью в форме B есть флажок, где пользователь может щелкнуть по нему, если адрес для обеих текстовых областей одинаков. Мой вопрос заключается в том, как я могу скопировать значение из textarea в formA в textarea в formB с помощью флажка. Я не могу понять это, потому что это связано с различными формами из двух разных файлов .asp. Надеюсь, вы можете помочь. Спасибо.

Answer 1

Если это что-то вроде процедуры оформления заказа, когда вы хотите скопировать значение адреса доставки, совпадающее с почтовым адресом, это довольно просто сделать.

В форме B вы в основном загружаете другой адрес (из формы A или из хранилища, если сохраняете его) в скрытом поле формы и затем обнаруживает, что флажок изменен в javacsript. Если этот флажок установлен, скопируйте скрытое значение формы в новое текстовое поле.

3 штуки, которые вам нужны (все в форме на странице asp):

<%
  Dim addressInFormA

  'Retrieve the address from previous page (form a)
  'Change to Request.Form or Request.QueryString for more efficient code
  'Using Request as a catch all here.
  'Need to add necessary clean up code to prevent script injection vulnerability here
  'For simplicity sake, I'm not doing it here.
  addressInFormA = Request("txtAddress")
%>

<input type="hidden" name="hidAddress" id="hidAddress" value="<%=addressInFormA%>" />

<input type="checkbox" name="chkUseAddressA" id="chkUseAddressA" onclick="checkCopyAddress()" />
<input type="text" name="txtAddress" id="txtAddress" />

<script>
function checkCopyAddress() {
  'Get me the checkbox
  'This is just for example, in reality I won't do it this way.
  var checkBox = document.getElementById("chckUseAddressA");

  document.getElementById("txtAddress").value = 
(checkBox.checked) ? document.getElementById("hidAddress").value : "";
}
</script>