如何訪問由jquery創建的輸入元素

我想創建一個上傳表單，當填寫時總是顯示一個新的文件輸入。我試圖通過創建新的輸入來完成這項工作，但它只能工作一次。這裏是代碼：如何訪問由jquery創建的輸入元素

<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>

感謝您的幫助。

來源

2012-05-08 yajRs

試試這個$（ '＃從'）追加（ ' .attr（ '型'， '文件'）類= 「新」>'）。 – pranky64

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

來源

2012-05-08 06:37:50 coolguy

不再推薦使用.live（）方法，因爲更高版本的jQuery提供了沒有缺點的更好方法。 – nu6A

http://stackoverflow.com/questions/8042576/whats-the-difference-between-jquery-live-and-on – nu6A

謝謝，那個作品 – yajRs

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

使用on

來源

2012-05-08 06:37:21 nu6A

在這裏不起作用 – yajRs

+1這肯定會起作用..如果我們使用最新的jQuery庫 – coolguy

HIYA 2個工作演示，你：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">'); 
    });

來源

2012-05-08 06:39:11

試試這個http://jsfiddle.net/UxyMw/3/

來源

2012-05-08 06:43:26 pranky64

如何訪問由jquery創建的輸入元素

回答

相關問題