jquery 如果值为null,是否有方法删除输入元素?

1tu0hz3e  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(120)

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

我可以删除带有空值的输入文本吗?
我使用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>
kuuvgm7e

kuuvgm7e1#

在将变量添加到字符串的位置添加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>'

相关问题