使用querySelectorAll过滤具有特定值的选项标记

Question

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

document.querySelectorAll("option")

我还可以查询所有选项标签，只包含这样的特定值。

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

有没有办法只查询具有值的选项标签？这样的事情呢？

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

Answer 1

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

<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"])'))

请在此处查看工作小提琴：https://jsfiddle.net/vdaa79pk/