占位符不在jquery mobile中使用select

Question

http://jsfiddle.net/NZ2FJ/

正如您在上面的示例中所看到的，data-placeholder =“true”无效。

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

此外the official document未显示占位符。

提前致谢。

<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>

Answer 1

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

你的例子：

• http://jsfiddle.net/NZ2FJ/1/

没有属性：

• http://jsfiddle.net/NZ2FJ/3/

Answer 2

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

$(document).ready(function () {
    $("#subject option:first").attr('selected', 'selected');
});

Answer 3

我将jquery Mobile更新为1.2.0，现在工作正常。