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