Javascript Keyup不适用于动态添加的输入组
我已经讨论了关于这个主题的问题,并尝试了所有方法,但我的keyup功能仍然不起作用Javascript Keyup不适用于动态添加的输入组,javascript,jquery,html,Javascript,Jquery,Html,我已经讨论了关于这个主题的问题,并尝试了所有方法,但我的keyup功能仍然不起作用 $(文档).ready(函数(){ $(document).on('keyup','.pollOption',function()){ var empty=false; $(“.pollOption”).each(函数(){ if($(this.val()=''){ 空=真; } }); if(空){ $(“#cpsubmit”).attr('disabled','disabled'); $(“#moreop”
$(文档).ready(函数(){
$(document).on('keyup','.pollOption',function()){
var empty=false;
$(“.pollOption”).each(函数(){
if($(this.val()=''){
空=真;
}
});
if(空){
$(“#cpsubmit”).attr('disabled','disabled');
$(“#moreop”).attr('disabled'、'disabled');
}否则{
$(“#cpsubmit”).removeAttr('disabled');
$(“#moreop”).removeAttr('disabled');
}
});
//跟踪页面上的选项数量
变量noOfOptions=2;
//函数来添加输入字段(因为我可能必须删除它们,所以我使用了bootstrap的输入组,我想这是导致问题的原因)
$(“#moreop”)。在('click',function()上{
noOfOptions++;
$(“#选项”)。追加(“”);
});
//删除任何选项(只能删除动态创建的选项)
$(“#cpform”)。在('单击','移除选项',函数()上{
$(this).parents('.input group').remove();
无选择--;
});
});代码>
标题
选择权
更多选项
提交
您必须将classpoll选项
添加到输入
中,而不是追加中的div
:
$("#options").append("<div class='input-group'><input class='pollOption form-control' ...
_____________________________________________________________^^^^^^^^^^
$(“#选项”)。追加("键控仍然不工作。虽然在新输入中添加一些文本时按钮现在没有被禁用。不确定你所说的键控仍然不工作是什么意思是不是keyup
谁禁用/启用了按钮???!你期望键控还能做什么?当我添加两个三个输入并在其中一个输入上输入文本时,键控不会被禁用rks并禁用它们。但这不是我想要的。我希望keyup在添加输入后立即禁用按钮,以便用户在填充前一个输入之前不会再进行一个输入。
$("#options").append("<div class='input-group pollOption'><input class='form-control' ...
______________________________________________^^^^^^^^^^