記入時に常に新しいファイル入力を表示するアップロードフォームを作成したいと思います。新しい入力を作成してこれを機能させようとしましたが、一度だけ機能します。
コードは次のとおりです。
<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>
<script type="text/javascript">
$('.new').on('change',function() {
$('.new').appendTo('#to').removeClass('new');
$('#from').append('<input type="file" class="new">');
});
</script>
使用するon
<script type="text/javascript">
$('.new').live('change',function() {
$('.new').appendTo('#to').removeClass('new');
$('#from').append('<input type="file" class="new">');
});
</script>
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">');
});
これを試してくださいhttp://jsfiddle.net/UxyMw/3/