1

我需要将关闭的选择框中显示的文本与第一个选项（或“选定”选项）的文本“分离”。这样做的原因是我想使用封闭的选择作为标签，并使用第一个（或选定的）选项来选择所有项目。

为了让事情更清楚（至少我希望如此:-)，我举了一个 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 浏览器）。

有什么提示吗？

4

1 回答 1

0

我终于解决了这个问题，只是更好地阅读QDM 文档：使用具有这些属性的选择：

 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>
于 2012-10-31T10:22:21.800 回答