javascript - 使用querySelectorAll过滤具有特定值的选项标签

Question

我知道我可以像这样查询所有选项标签。

document.querySelectorAll("option")

我还可以查询仅包含特定值的所有选项标签，如下所示。

document.querySelectorAll("option[value='abc']")

有没有办法只查询具有值的选项标签？那么类似这样的事情吗？

document.querySelectorAll("option[value!='']")

Answer 1

您可以按照 Niet 在评论中的建议使用“not”，但不必在选项中使用“value”。

<select>
        <option value="1">cleaning</option>
        <option value="2">food-2</option>
        <option value="3">toilet</option>
        <option value="4">baby</option>
        <option value="6">knick-knacks</option>
        <option value="9">junk-2</option>
        <option value="10">cosmetics</option>
    </select>

console.log(document.querySelectorAll('option:not([value="3"])'))

在这里查看工作 fiddle :https://jsfiddle.net/vdaa79pk/