Есть ли способ удалить элементы ввода, если значение равно нулю?

Question

У меня проблема с моим элементом ввода, он имеет нулевое значение. Могу ли я вместо этого удалить элемент ввода? и есть ли способ? благодарю вас. Вот изображение проблемы

Можно ли вместо этого удалить этот входной текст с нулевыми значениями?

Я использую 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>'