javascript - jQuery 从没有 value 属性的 select 中删除选项

Question

我想忽略/删除选择框中具有空白值或根本没有 value="" 属性的所有选项，例如

<option>Any Option</option>
<option value="">Any Option</option>

这是我的 jQuery:

$(function() {

  // Create the dropdown base
  $("<select />").appendTo("#pagination_container");

  // Create default option "Go to..."
  $("<option />", {
    "selected": "selected",
    "value"   : "",
    "text"    : "Select Page..."
  }).appendTo("#pagination_container select");

  // Populate dropdown with menu items
  $("#pagination_container a").each(function() {
    var el = $(this);
    $("<option />", {
      "value"   : el.attr("href"),
      "text"    : el.text()
    }).appendTo("#pagination_container select");
  });

  $("#pagination_container select").change(function() {
    window.location = $(this).find("option:selected").val();
  });

});

Answer 1

您需要使用由两部分组成的选择器来实现此目的:

$('option[value=""],option:not([value])').remove();

注意:请记住，value="" 检查元素的初始状态。因此，如果您稍后更改元素的值，而不一定是 value 属性，那么您可能会得到意外的结果。如果 option 元素的值必然会更改，请使用 filter() 而不是 [value=""]。