jquery新標籤的功能

Question

我已經在javaScript函數中創建了一個新類型文件的輸入，然後我有新的輸入功能，但它不工作。我運行add（）函數並點擊按鈕

<button type="button" onclick="add()" class="btnReadMore btnLoginPage">BUTTON</button> 


function add() { 

$('#insert').append("<input class='class1' type='file' name='ImagesInText' value='' /><br />"); 

} 

$("document").ready(function() { 

$('.class1').on('change', function() { 
    alert('changed!'); 
}); 
}); 

如果我用HTML代碼寫這個輸入，它就起作用了。

Answer 1

您需要調用add()方法，在您的代碼中添加add()，以便文件輸入元素可以添加到您的HTML頁面，稍後選擇文件時，它將顯示警報消息。

function add() { 
 
$('#insert').append("<input class='class1' type='file' name='ImagesInText' value='' /><br />"); 
 
} 
 

 
$("document").ready(function() { 
 
    $('.class1').on('change', function() { 
 
     alert('changed!'); 
 
    }); 
 
}); 
 

 
add();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="insert"></div>

Answer 2

你也可以點擊這裏http://jsfiddle.net/NbGBj/

<input type="file" id="upload"> 

$("document").ready(function(){ 
    $("#upload").change(function() { 
     alert('changed!'); 
    }); 
}); 

Answer 3

你可以試試這個工作的例子。

$("document").ready(function() { 
 
    $('body').on('change', '.class1', function() { 
 
    alert('changed!'); 
 
    }); 
 
}); 
 

 
function add(){ 
 
    $('#insert').append("<input class='class1' type='file' name='ImagesInText' value='' /><br />"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<div id="insert"> 
 
</div> 
 

 
<input type="button" onclick="add();" value="Add New" />