Question

我需要从第一个选项（或“选定”选项）的文本中“解除”关闭选择框上显示的文本。原因是我想使用关闭的选择作为标签，并使用第一个（或选定的）选项来选择所有项目。

为了让事情更清楚（至少我希望如此:-)，我举一个html的例子：

<select id="fruits">
    <option selected="selected">Fruits</option>
    <option>cherry</option>
    <option>apple</option>
</select>

哪个会给出“水果”的选定项目文字，但我想表示 - 比如说 - “选择所有水果”。

我正在尝试类似的事情：

$("#fruits").bind('click', function() {
    $("#fruits option:first-child").html("Select all fruits");
});

但它似乎适用于桌面浏览器，但不适用于移动设备（至少不适用于Android 2.3.4浏览器）。

任何提示？

Answer 1

我最终解决了这个问题，只是更好地阅读QDM docs：使用选择这些属性：

 multiple="multiple" data-native-menu="false"

（对我来说，多项选择是必需的;对不起，这个答案并不完全涵盖单一选择...），JQM构建一个弹出窗口，第一个选项（必须没有设置“值”）作为标题。因此，您可以使用第一个选项（没有任何“值”）作为（已关闭）选择的标签。

这是JQM文档页面中的相关代码：

<div data-role="fieldcontain">
    <label for="select-choice-9" class="select">Choose shipping method(s):</label>
    <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false">
        <option>Choose options</option>
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

JQM：如何从第一个选项的文本中取消选择显示的文本

1 个答案: