我正在尝试做一个简单的程序,用户可以在其中填写可以输入文本并选择图像(网址或本地)并在下面的 div 中显示所选信息。我是用现有的 div 制作的,但如果我们不知道用户将插入多少次信息,则不可能这样做。
因此,如何创建一个 div 并在其中插入内容呢?
User:
<div>
<input type="text" id="user">Add image
<form id="image">
<input type="radio" name="radio" value="url">URL
<input type="radio" name="radio" value="local">PC
</form>
<input type="text" id="url" style="display:none">
<input type="file" id="local" style="display:none">
<br>
<button id="submit">Submit</button>
<div id="enter"></div>
<p id="p1"></p>
</div>
jQuery:
$(document).ready(function () {
$('#image input').on('change', function () {
if ($('input[name=radio]:checked', '#image').val() == "url") {
$("#url").css('display', 'block');
$("#local").css('display', 'none');
} else if ($('input[name=radio]:checked', '#image').val() == "local") {
$("#url").css('display', 'none');
$("#local").css('display', 'block');
}
});
$("#submit").click(function () {
$("#p1").text($("#user").val());
if($("#url").css('display', 'none')==true){
$("#enter").append("img").prop("src", file.val());
}else{
$("#enter").append("img").prop("src", url.val());
}
});
});