jquery - 在 jQuery mobile 中更改选择菜单占位符的主题

Question

我想placeholder在 jQuery mobile 中更改选择菜单的主题。我想要不同的主题options和不同的主题placeholder。但我无法单独更改它。该data-theme属性不适用于选项。

<option data-placeholder="true" data-theme="a">Heading</option>
<option>First</option>
<option>Second</option>

链接： http: //jsfiddle.net/saQFx/10/ 还有其他方法吗？

Answer 1

在 jQuery Mobile 中，这是通过 optgroup 完成的。

工作示例：http: //jsfiddle.net/Gajotres/Wgd66/

<div data-role="page" data-add-back-btn="true" id="frontPage">
    <div data-role="header" data-theme="b">
        <h3 id="heading">test</h3>          
    </div>

    <div data-role="content">
        <select data-native-menu="false" data-iconpos="notext" data-theme="c">
            <optgroup label="Heading">
                <option value="first">First</option>
                <option value="second">Second</option>
            </optgroup>                    
        </select>
    </div>
</div>