javascript – Yii2 ActiveForm textInput onChange

我经历了下面这个人
http://www.yiiframework.com/wiki/772/pjax-on-activeform-and-gridview-yii2/
一切都很好.
但是,我想通过我的表单数据执行Pjax搜索,而无需单击“提交”按钮.
因此我试图使用onChange事件但是我找不到这样做的方法.
我已经为dropDownList找到了很多解释,但是没有关于textInput onChange事件的任何信息.

解决方法:

这是一个创建具有延迟的即时搜索输入的解决方案：

Instant search function in Javascript

只需修改你的JavaScript-Search-Snippet就像这样：

$this->registerJs(
   'function instantSearch() {
        $.pjax.reload({container:"#countries"});  //Reload GridView
    }

    var timer;
    $("document").ready(function(){ 
        //$("#new_country").on("pjax:end", function() {
        $("input").keyUp(function(){
            timer && clearTimeout(timer);
            timer = setTimeout(instantSearch, 200);
        });
    });'
);

标签：php,javascript,yii2,pjax
来源： https://codeday.me/bug/20190711/1433007.html