Question

http://jsfiddle.net/NZ2FJ/

As you can see in the example above, data-placeholder=”true” is not working.

Can anyone suggest workaround please?

Also the official document does not show the placeholder.

Thanks in advance.

<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

I updated jquery Mobile to 1.2.0 and it works fine now.