如何拆分javascript(生成HTML代码的表单)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (80)

下面的代码是生成html代码的表单。

我希望每个字段都在“POST Text”字段中的一个单独行上

当前产出:

<div>texthere</div><script>texthere</script><style>texthere</style>

预期产出:

<div>texthere</div>
<script>texthere</script>
<style>texthere</style>` 

function submitted() {
  var formValue0 = '<div>' + document.getElementsByName("content")[0].value + '</div>';
  var formValue1 = '<script>' + document.getElementsByName("content")[1].value + '<\/script>';
  var formValue2 = '<style>' + document.getElementsByName("content")[2].value + '</style>';
  document.getElementsByName("content")[3].value = formValue0 + formValue1 + formValue2;
  return false;
}
<form onsubmit="return submitted()">
  Field 1:<br><input type="text" name="content"><br> 
  Field 2:<br><input type="text" name="content"><br> 
  Field 3:<br><input type="text" name="content"><br>
  <input type="submit" value="DONE"><br><br> 
  
  Post text:<br><textarea name="content" style="height:200px"></textarea>
</form>

你可以将此代码用于多个方面,并使用重复的代码(如必须手动编辑html的自定义帖子)来加快工作速度。

提问于
用户回答回答于

你可以使用新的行字符。\n像这样-

function submitted() {
   var formValue0 = '<div>'+ document.getElementsByName("content")[0].value +'</div>\n';
   var formValue1 = '<script>'+ document.getElementsByName("content")[1].value +'<\/script>\n';
   var formValue2 = '<style>'+ document.getElementsByName("content")[2].value +'</style>\n';
   document.getElementsByName("content")[3].value = formValue0+formValue1+formValue2;
   return false;
}
<form onsubmit="return submitted()"> 
  Field 1:<br><input type="text" name="content"><br>
  Field 2:<br><input type="text" name="content"><br>
  Field 3:<br><input type="text" name="content"><br>
  <input type="submit" value="DONE"><br><br> 
  Post text:<br><textarea name="content" style="height:200px"></textarea>
</form>

扫码关注云+社区

领取腾讯云代金券