Question

我有一个下拉菜单，我想要隐藏某些选项，除非我通过data-native-menu =“false”使用JQuery Mobiles增强版，否则选项（测试2）不会隐藏。更进一步，我还需要在用户选择每个选项时动态更新这些选项。

<select data-mini="true" data-native-menu="true">
    <option>Test 1</option>
    <option style="display: none">Test 2</option>
    <option>Test 3</option>
</select>

<select data-mini="true" data-native-menu="false">
    <option>Test 1</option>
    <option style="display: none">Test 2</option>
    <option>Test 3</option>
</select>

Answer 1

使用自定义选择菜单时，您的select DOM会被构建过程中的其他DOM元素替换。因此，您无法隐藏option元素，并希望您的自定义选择菜单也会隐藏它们。

但是，您可以使用disabled="disabled"停用该选项。

<select data-mini="true" data-native-menu="false">
    <option>Test 1</option>
    <option disabled="disbaled">Test 2</option>
    <option>Test 3</option>
</select>

See this working demo

Answer 2

我只是想纠正拼写错误的单词

"disabled="disabled">Test 2"

JQuery Mobile - 隐藏下拉选项

2 个答案: