javascript - 如果值为空，有没有办法删除输入元素？

Question

我的输入元素有问题，它有一个空值。我可以删除输入元素吗？有什么办法吗？谢谢。这是问题的图片

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>

Answer 1

添加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>'