Jquery on提交不使用生成的文本输入

时间:2017-12-05 21:16:24

标签: jquery html ajax

我在页面上显示的服务器上有一个文件列表。我还有一个按钮来创建一个文件夹。单击该按钮将生成一个新的文本输入,其中可以输入文件夹的名称,该名称嵌套在html表单中。 然后我想在那里写一些ajax但是Jquery的.submit函数没有看到新生成的文本输入字段,因此我无法使其工作。 这是我的jquery:

$(document).ready(function(){
var csrf = "{% csrf_token %}";
var fields = 0;
$('#newFolder').click(function(){
  var folderName = $('<form method="post" class="createFolder">' + csrf + '<li><input type="checkbox" class="styled-checkbox"><div id="name"><input type="text" id="fieldName" /></div></li></form>');
  $('.objectsList').append(folderName);
  });
$('.createFolder').on('submit', function(event){
  event.preventDefault();
  alert("fieldName");
  });
});

因此,当您点击#newFolder时,会生成带有表单的新li。我输入文件夹的名称,当我单击输入时,我被重定向到同一页面但空白。 如果我用文本输入硬编码这个表单,它工作正常。 我知道Jquery会随页面一起加载,如果在页面加载后生成了某些东西,那么它将无法看到它,对吗? 我该怎么做才能看到&#39;这个新生成的表单及其字段?

由于

0 个答案:

没有答案