jquery使用html标记更改输入值

Question

我想更改提交输入的值。但它不仅仅是一个纯文本。例如，值应该像这样

提交查询

发送代码

但问题是当我在文本之间放置一个br标签时，我的html代码将完全打印出来。可以通过查询更改值，但打印每个文本甚至是带有...的html代码...

$('input[type=submit]').val('submit<br />send code');

Answer 1

没有。

表单控件只保留纯文本。

您可以使用<button>元素而不是<input>元素将标记置于提交按钮中（然后您需要使用.html()代替.val()来更改用JavaScript）。

Answer 2

使用\n作为休息

$('input[type=submit]').val('submit\nsend code');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="submit" />

Answer 3

您无法将HTML代码放入输入按钮的值。但是，您可以使用button应用type="submit"设置HTML：

$('button').click(function() {
    $(this).html('submit<br />send code');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Original value</button>