根据输入字段管理填充选择字段的事件

时间:2011-11-30 19:34:37

标签: jquery html ajax dynamic

我遇到动态表单问题。 我在“添加”按钮上动态创建了表单。表单有“editForm_1”之类的ID。 例如,我有一个输入“Education_1”,将在输入点击和选项上填写的选择框将基于输入值。拥有5个输入字段并选择。 问题是我如何管理所有这些事件?因为我不认为。每次输入是一个很好的解决方案。 谢谢 UPD:

$("#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);
        });
    });
}

});

但我得到“s.options未定义”错误

得到它,用过 s.append(new Option(val.type,val.type)); 相反,它的工作原理

1 个答案:

答案 0 :(得分:0)

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

例如

<input id="Education_1" class="education" /> 
<input id="Education_2" class="education" />

js

$(document).delegate('.education','click', function(){

});