jquery - 如果未填写则删除变量

Question

我正在尝试制作一个引用生成器。人们填写一些信息，然后生成器以正确的方式设置文本。这是我到目前为止所得到的:

    $('#ref-button1').click(function () {
    var authorname = $('#bookAuthor').val();
        if (authorname == "") {
             $('.error').show();
             return false;
         }
    var booktitle = $('#bookTitle').val();
        if (booktitle == "") {
             $('.error').show();
            return false;
         }
    var year = $('#bookYear').val();
        if (year == "") {
             $('.error').show();
            return false;
         }
    var place = $('#bookPlace').val();
        if (place == "") {
            $('.error').show();
            return false;
         }
    var publisher = $('#bookPublisher').val();
        if (publisher == "") {
             $('.error').show();
            return false;
         }
    var edition = $('#bookEdition').val();
    var page = $('#bookPage').val();
    var completeString1 = authorname + '&nbsp;' + '(' + year + '),' + '&nbsp;' + '<i>' + booktitle + '</i>' + ',&nbsp;' + edition + '&nbsp;ed.,&nbsp;' + place + ':&nbsp;' + publisher + ',&nbsp;' + page;

    $('.error').hide();
    $('#output').empty();
    $('#output').append(completeString1);
});

如您所见，我有 5 个必须填写的变量，还有 2 个不需要填写。我在completeString1 中创建了整个字符串，并在其中添加了逗号等。我知道这可能不是最简单的方法，但这是我可以做到的。我现在的问题是，即使我没有填写变量，我的completeString1仍将包含并打印“ed.”。

所以我的问题是:鉴于变量未填写，我怎样才能省略该变量？

Answer 1

我得到的是你对“版本”变量有问题。因此，您需要更改为其分配值的方式:

var edition = $('#bookEdition').val() != "" ? ($('#bookEdition').val() + ' ed., ') : "";

然后，将 completeString1 设置更新为:

var completeString1 = authorname + '&nbsp;' + '(' + year + '),' + '&nbsp;' + '<i>' + booktitle + '</i>' + ',&nbsp;' + edition + place + ':&nbsp;' + publisher + ',&nbsp;' + page;