javascript - 将文本区域中的字符串替换为另一个文本

Question

我有一个带有表单代码的文本区域，用户可以将其复制并粘贴到他们的网站中。

文本区域中的 html 会是这样的

更新:请注意以下表单包含在文本区域中。这将是文本区域中的纯文本

<form action="https://www.xxxxxxx.com/servlet/servlet?encoding=UTF-8" method="POST">
<label for="first_name">First Name</label><input  id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br>

<label for="last_name">Last Name</label><input  id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br>

<input type="submit" name="submit">

</form>

我想将表单标签的url更改为https://www.yyyyyyyyy.com/parse.php并使用 jquery 或普通 javascript 将更改后的表单代码复制到另一个文本区域。下面是完整的 html

<form>
 <textarea rows="10" cols="80" id="oldCode">
  <form action="https://www.xxxxxxx.com/servlet/servlet?encoding=UTF-8" method="POST">
  <label for="first_name">First Name</label><input  id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br>

  <label for="last_name">Last Name</label><input  id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br>

<input type="submit" name="submit">

</form>
</textarea>
    <button onclick="generateCode()">Generate new Code</button>
<textarea id="newCode" rows="10" cols="80">
</textarea>   
</form>

Answer 1

您可以通过以下方式完成此操作，将 type="button" 作为按钮元素，因为每次都会提交表单

<button type="button" id="generate" >Generate new Code</button>

使用下面的 jQuery，将单击事件绑定(bind)到按钮并替换表单的操作属性。
注意:- 您可以使用相同的代码调用 onclick javascript 函数，而不是绑定(bind)点击事件

$(function(){
    $("#generate").click(function(){
      var value = $('#oldCode').val();
      var div = $('<div></div>');
      $(div).append(value);

      $(div).find('form').attr('action','https://www.yyyyyyyyy.com/parse.php');

      $('#newCode').val( $(div).html());
    });
});

<强> Demo