使用 Javascript 更改提交按钮值 - 包括换行符

Question

当我在 HTML 中定义提交按钮的值时，我会导致换行：

<script>
    function change_value() {
        if (document.getElementById('click_me').checked) {
            document.getElementById('next').value='Next';
        } else {
            document.getElementById('next').value='Text with&#13;&#10;line break';
        }
    }
</script>

<form>
    <input id="click_me" type="checkbox" name="click_this" value="1" onclick="change_value()">
    <input id="next" type="submit" value="Text with&#13;&#10;line break">
</form>

点击复选框之前，提交按钮如下所示：

但是当我使用 JavaScript 设置该值时，换行符显示为文本：

如何使用 JavaScript 插入带换行符的文本？

注.

这只需要在最新版本的 Firefox 中工作。

Answer 1

在js中换行符是\n，设置值属性

时应该使用

function change_value() {
  if (document.getElementById('click_me').checked) {
    document.getElementById('next').value = 'Next';
  } else {
    document.getElementById('next').value = 'Text with\nline break';
  }
}

<input id="click_me" type="checkbox" name="click_this" value="1" onclick="change_value()">
<input id="next" type="submit" value="Text with&#13;&#10;line break">

Answer 2

More details about Text formatting on this link

  document.getElementById('click_me').value='Text with \n line break'

或

document.getElementById('next').value=`Text with 
  line break`;

Answer 3

试一试：

 function change_value() {
      if (document.getElementById('click_me').checked) {
        document.getElementById('next').value = 'Next';
      } else {
        document.getElementById('next').value = 'Text with \n line break';
      }
    }

使用 Javascript 更改提交按钮值 - 包括换行符

Change submit button value with Javascript - including line break

javascript

submit-button