Javascript 让文本框识别从按钮复制的输入
我对这方面很陌生,我试着去搜索,但找不到答案 我有几个按钮有一个值分配给它们,当我点击它们时,它会将文本复制到另一个文本框中,下面有一个提交按钮 我无法让文本框识别输入到文本框中的值,因此无法启用提交按钮 我所拥有的样本:Javascript 让文本框识别从按钮复制的输入,javascript,jquery,Javascript,Jquery,我对这方面很陌生,我试着去搜索,但找不到答案 我有几个按钮有一个值分配给它们,当我点击它们时,它会将文本复制到另一个文本框中,下面有一个提交按钮 我无法让文本框识别输入到文本框中的值,因此无法启用提交按钮 我所拥有的样本: $("#buttonToCopy").click(function () { $('#textBox').val("Value").html(); }); $('#textBox').on('input', function () { if ($(this)
$("#buttonToCopy").click(function () {
$('#textBox').val("Value").html();
});
$('#textBox').on('input', function () {
if ($(this).val().length>0);
$('#submitBtn').removeAttr('disabled');
$('#submitBtn').removeClass('disabled');
});
非常感谢您提供的任何帮助。可以从中看出,jQuery在使用.val()方法时不会触发事件。这意味着您的代码
$("#buttonToCopy").click(function () {
$('#textBox').val("Value").html();
});
不会触发“输入”或“更改”事件。您可以自己触发事件:
$("#buttonToCopy").click(function () {
$('#textBox').val("Value").html();
$('#textBox').trigger('input');
});
或者,您也可以通过ButtonCopy轻松调用函数禁用按钮:
$("#buttonToCopy").click(function () {
$('#textBox').val("Value").html();
EnableSubmitButton()
});
$('#textBox').on('input', function () {
EnableSubmitButton()
});
function EnableSubmitButton(){
if ($(this).val().length>0) {
$('#submitBtn').removeAttr('disabled');
$('#submitBtn').removeClass('disabled');
}
}
以及您的相关HTML?感谢@WeSt提供参考和答案!