我的输入元素有问题,它有一个空值。我可以删除输入元素吗?有什么办法吗?谢谢。这是问题的图片
Can I remove that input text with null values instead?
我正在使用 js 和 ajax 来调用数据库中的这些值。这是我的脚本文件
showAllQuestions();
//function to get data
function showAllQuestions(){
$.ajax({
type: 'ajax',
url: '<?php echo base_url() ?>teachers/showQuestions',
async: false,
dataType: 'json',
success: function(data){
var html = '';
var i;
for(i=0; i<data.length; i++){
html +='<div class="card">'+
'<div class="card-header">'+
'<h4>Multiple Choice</h4>'+
'</div>'+
'<div class="card-body">'+
'<form>'+
'<div class="input-group">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text">Question</span>'+
'</div>'+
'<input type="text" name="question" value="'+data[i].question+'" class="form-control" required>'+
'</div>'+
'<hr>'+
'<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 1</span>'+
'</div>'+
'<input type="text" class="form-control" value="'+data[i].choice1+'" name="choice1" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 2</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice2" value="'+data[i].choice2+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Choice 3</span>'+
'</div>'+
'<input type="text" class="form-control" name="choice3" value="'+data[i].choice3+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'<div class="input-group input-group-sm mb-3">'+
'<div class="input-group-prepend">'+
'<span class="input-group-text" id="inputGroup-sizing-sm">Answer Choice</span>'+
'</div>'+
'<input type="text" class="form-control" name="answer" value="'+data[i].answer+'" aria-describedby="inputGroup-sizing-sm" required>'+
'</div>'+
'</form>'+
'</div>'+
'</div>';
}
$('#showdata').html(html);
},
error: function(){
alert('Could not get Data from Database');
}
});
}
为了展示,我将其包含在 div 标签中
<div id="showdata"></div>
最佳答案
添加null
检查将变量添加到字符串的位置。 null
是一个 falsy
值,如果变量为 null
,您将得到一个空值:
'<input type="text" class="form-control" value="'+(data[i].choice1 ? data[i].choice1 : "")+'" name="choice1" aria-describedby="inputGroup-sizing-sm" required>'
关于javascript - 如果值为空,有没有办法删除输入元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60601561/