我有一个下拉菜单,我想隐藏某些选项,除非我通过 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>
最佳答案
使用自定义选择菜单时,您的select
DOM 会在构建过程中被其他DOM 元素替换。因此,您不能隐藏 option
元素并期望您的自定义选择菜单也隐藏它们。
但是您可以使用 disabled="disabled"
禁用该选项。
<select data-mini="true" data-native-menu="false">
<option>Test 1</option>
<option disabled="disabled">Test 2</option>
<option>Test 3</option>
</select>
关于JQuery Mobile - 隐藏下拉选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18876633/