Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
Jquery 管理基于输入字段填充选择字段的事件_Jquery_Html_Ajax_Dynamic - Fatal编程技术网

Jquery 管理基于输入字段填充选择字段的事件

Jquery 管理基于输入字段填充选择字段的事件,jquery,html,ajax,dynamic,Jquery,Html,Ajax,Dynamic,我对动态表单有问题。 我已经在“添加”按钮上动态创建了表单。表单具有类似editForm_1的ID。 例如,我有一个input Education_1和一个选择框,该框将在单击输入时填充,选项将基于输入值。有5个这样的输入字段和选择项。 问题是我如何管理所有这些事件?因为我不认为。每一个输入都是一个好的解决方案。 谢谢 UPD: }) 但我得到s选项是未定义的错误 明白了,用过了 s、 追加新选项val.type,val.type; 相反,它可以工作而不是使用事件ID附加事件,将输入分组到类中,

我对动态表单有问题。 我已经在“添加”按钮上动态创建了表单。表单具有类似editForm_1的ID。 例如,我有一个input Education_1和一个选择框,该框将在单击输入时填充,选项将基于输入值。有5个这样的输入字段和选择项。 问题是我如何管理所有这些事件?因为我不认为。每一个输入都是一个好的解决方案。 谢谢 UPD:

})

但我得到s选项是未定义的错误

明白了,用过了 s、 追加新选项val.type,val.type;
相反,它可以工作

而不是使用事件ID附加事件,将输入分组到类中,然后使用.delegate或.on为这些类附加事件处理程序

e、 g


我想到了这个。所以例如,在div教育中输入并选择:`$education.delegateinput,按键,函数{if$this.val.length>1{//不知道如何管理select的选择器。你能帮我吗?}`我指的是与第一个输入相对应的选择器。您只需选中$this。is':select将告诉您它是否为select,如果不是,则您知道这是一个输入。但是我如何使用父项从$this中找到selectbox,下一步,如果它在结构中是这样的。我仍然感到困惑的是u help me?var selector=$this.parent.next.children;选择器[1]。append不是函数选择器[1]。append new Optionval.type,val.type;
$("#education").delegate("input", "keypress", function(){
if($(this).val().length>1){
    var selector = $(this).next();
    selector.empty() ;                             
    var words = $(this).val();
    $.postJSON("2.php", words, function(data){
        var tmp = data; 
        $.each(tmp, function(i, val){
            var s=selector;
            s.options[s.options.length]= new Option(val.type, val.type);
        });
    });
}
<input id="Education_1" class="education" /> 
<input id="Education_2" class="education" />
$(document).delegate('.education','click', function(){

});