javascript - 如果任何表单输入发生更改，则更改(立即)提交按钮文本 [JS]

Question

如果任何表单输入发生更改，如何立即更改提交按钮文本？

//This applies to whole form
$('#test').change(function() {
  $("#send").prop("value","Change");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="test">
  <input id="Input1" value="Input1" />
  <input id="Input2" value="Input2" />
  <input type="submit" id="send" value="Send" />
</form>

此处，按钮文本在光标离开输入之后发生变化。

实例:http://jsfiddle.net/rgg3A/56/

Answer 1

• 使用input事件

• 使用:input Selector , 选择所有输入、文本区域、选择和按钮元素

$('#test').find(':input').on('input', function() {
  document.getElementById('send').value = this.value;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form id="test">
  <input id="Input1" value="Input1">
  <input id="Input2" value="Input2">
  <input type="submit" id="send" value="Send">
</form>