Question

我的代码会将下拉菜单中的项目添加到列表框中。当用户提交表单时，它会通过列表框并选择所有项目，然后更新表格。

如果用户从列表框中删除了所有项目，我在代码中添加了一个空白项目到列表框，这样列表框仍然可以更新。我必须这样做，因为如果列表框中没有项目，那么它将不会更新，旧项目将保留。

    $.each(aListBoxes, function (idx, listBox) {
    //If nothing in listbox add blank item so it can get updated
    if ($("#" + listBox + " option").length < 1) {
    ($("#" + listBox).append('<option value=""></option>'));
    }

现在，我想检查列表框中是否有多个项目，如果是，请删除此空白项目（如果存在）。

    if ($("#" + listBox + " option").length > 1) {
    $("#" + listBox + " option").each(function () {

    //if item value is empty then remove

到目前为止的整个脚本：

<script type="text/javascript">
    //for pre-selection of all elements in every list box
    $(document).ready(function () {
        var aListBoxes = [];
        // get a list of all the listboxes on the form
        $("[id*=" + "lbx" + "]:visible").each(function () {
            aListBoxes.push(this.id);
        });

        //on btnSubmit click because the form gets posted each time an autopostback field is hit.
        $("input[name=btnSubmit]").click(function () {
            //just before submission, go through each of the listboxes and if they contain anything, select everything.
            $.each(aListBoxes, function (idx, listBox) {
                //If nothing in listbox add blank item so it can get updated
                if ($("#" + listBox + " option").length < 1) {
                    ($("#" + listBox).append('<option value=""></option>'));
                }
                //If more than 1 item check for blank and remove
                if ($("#" + listBox + " option").length > 1) {
                    $("#" + listBox + " option").each(function () {
                        //if empty
                        //remove
                        });
                }

                //select all before submitting
                if ($("#" + listBox + " option").length > 0) {
                    $("#" + listBox + " option").each(function () {
                        $(this).prop('selected', 'selected')
                    });
                }
            });
        });
    });
</script>

Answer 1

我希望通过空白选项表示他们的值是空的。试试这个： -

    if ($("#" + listBox + " option").length > 1) {
          $(this).each(function () {  
               if($(this).val()=="")
                    $(this).remove();
          });
    }

如果您的空白选项的文字为空，则写下$(this).text()==""而不是$(this).val()==""

Answer 2

jQuery filter是专为此类事情而设计的，并且避免使用each：

if ($("#" + listBox + " option").length > 1) {
      $(this).filter( function () {
          return $(this).val()=="";
      }).remove();
}

JQuery检查空列表框项

2 个答案: