1

http://jsfiddle.net/NZ2FJ/

正如您在上面的示例中看到的， data-placeholder="true" 不起作用。

有人可以建议解决方法吗？

官方文档也没有显示占位符。

提前致谢。

<div data-role="fieldcontain">
<label for="subject"><em>* </em> Subject: </label>
<select name="subject" id="subject" class="required" data-placeholder="true"  data-native-menu="false">
<option value=""  >Select subject</option>
<option value="Art">Art</option>
<option value="Band">Band</option>
<option value="Choir">Choir</option>
<option value="Design">Design</option>
<option value="Drama">Drama</option>
...
...
</select><br />
</div>
4

3 回答 3

2

您添加了data-native-menu="false"导致 jQM 以这种方式运行的属性

你的例子：

没有属性：

于 2012-10-02T00:54:53.780 回答
0

如果您想保留该data-native-menu="false"属性以便获得一个弹出选择框，只需在页面加载时从您的 js 中选择第一个选项：

$(document).ready(function () {
    $("#subject option:first").attr('selected', 'selected');
});
于 2012-10-02T13:48:53.680 回答
0

我将 jquery Mobile 更新到 1.2.0，现在可以正常工作了。

于 2012-10-07T08:56:23.450 回答