Question

我想创建一个上传表单，在填写时总是会显示新的文件输入。我尝试通过创建新输入来完成这项工作，但它只运行一次。这是代码：

<head><script type="text/javascript" src="jquery-1.7.2.min.js"></script></head>
<body><form>
  <div id="to"></div>
  ---
  <div id="from"><input type="file" class="new"></div>
</form>
<script type="text/javascript">
  $('.new').change(function() {
    $('.new').appendTo('#to').removeClass('new');
    $('#from').append('<input type="file" class="new">');
  });
</script>
</body>

感谢您的帮助。

Answer 1

<script type="text/javascript">
  $('.new').on('change',function() {
    $('.new').appendTo('#to').removeClass('new');
    $('#from').append('<input type="file" class="new">');
  });
</script>

使用on

Answer 2

<script type="text/javascript">
  $('.new').live('change',function() {
    $('.new').appendTo('#to').removeClass('new');
    $('#from').append('<input type="file" class="new">');
  });
</script>

Answer 3

HIya 2 为您工作的演示</ strong>：http://jsfiddle.net/UxyMw/或http://jsfiddle.net/UxyMw/1/

两者都很好：

<强>码

$('.new').on("change",function() { $('.new').appendTo('#to').removeClass('new'); $('#from').append('<input type="file" class="new">'); });

Answer 4

试试这个http://jsfiddle.net/UxyMw/3/

如何访问由jquery创建的输入元素

4 个答案: