如果任何表单输入更改[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,选择所有input, textarea, select and button元素

$('#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>