jquery - Internet Explorer 中的 html 输入按钮不会出现换行符

Question

我有一个 Html 输入按钮:

  <input id="Meal17" runat="server" type="button" style="height: 60px; width: 235px; display: block;" class="arrayinput" />

现在我想用 JQuery 为其设置值:

  $("#Meal17").click(function (e) {
  $(this).val("hello" + "\n" + "this is test" );
}

现在在 INTERNET Explorer 中，我的按钮值中的新行没有出现，为什么？我该如何解决它。非常感谢。

Answer 1

使用button元素代替并使用 <br>对于其中的换行符:

<button id="Meal17" runat="server" type="button"
style="height: 60px; width: 235px; display: block;"
class="arrayinput">Hello<br>this is test</button>

或者，按照您的情况使用 jQuery，

$("#Meal17").click(function (e) {
  $(this).html("hello<br>this is test" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="Meal17" runat="server" type="button"
  style="height: 60px; width: 235px; display: block;" class="arrayinput">Dummy</button>