Question

在提交带有textarea数据的表单时，我正在尝试使用换行符替换换行。

以下作品：

$("form").on('submit', function (e) {
    $(".description").html($(".description").val().replace(/\r\n|\r|\n/g, "<br />"));
});

仅当我不更改textarea的值时。

为了澄清，我在textarea中编辑文本的那一刻就停止了工作。使其与新输入的文本一起使用的唯一方法是提交表单，再次单击编辑，然后重新提交表单，而不对textarea中的文本进行任何更改。有人可以解释为什么会发生这种行为吗？

HTML：

<textarea class="form__item__input description" name="description"></textarea>

Answer 1

＆＃13;

$("form").on('submit', function(e) {
  e.preventDefault();
    
  $(".description").val($(".description").val().replace(/\r\n|\r|\n/g,"<br />"));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form>

  <textarea class="description" rows="10">
    Hi
    Click
    me 
    please
  </textarea>
  <input type="submit" value="submit" />
</form>

＆＃13;

表格Textarea数据未在提交时替换

1 个答案: