Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 让文本框识别从按钮复制的输入_Javascript_Jquery - Fatal编程技术网

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提供参考和答案!