Question

我有以下表格：

<form id="save-form-datas">
    <input type="text" name="name">
    <input type="text" name="address">
    <button type="submit">Submit</button>
</form>

如果我有以下JS代码，如何选择我的按钮来获取文本Submit：

$('#save-form-datas').on('submit', function (e) {
    ...
}

我不想在我的HTML代码中添加id或类。

感谢。

Answer 1

因为它是button标记，您应该使用.html()或.text()来获取其中的文字或html，而不是.value()

＆＃13;

$('.save-form-datas').on('submit', function(e) {
  console.log($(this).find('button').text());
  e.preventDefault();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="save-form-datas">
  <input type="text" name="name">
  <input type="text" name="address">
  <button type="submit">Submit</button>
</form>
<form class="save-form-datas">
  <input type="text" name="name">
  <input type="text" name="address">
  <button type="submit">Submit2</button>
</form>
<form class="save-form-datas">
  <input type="text" name="name">
  <input type="text" name="address">
  <button type="submit">Submit3</button>
</form>
<form class="save-form-datas">
  <input type="text" name="name">
  <input type="text" name="address">
  <button type="submit">Submit4</button>
</form>

＆＃13;

在jQuery中提交表单后选择提交按钮

1 个答案: