Question

I had created a dropdown using <select> tag and now i want to show the options in <select> without clicking the dropdown(i mean when we open that html, we should be able to see all options instead of clicking on the select ). Is this possible using jQuery or is there any other way to do it.

Below is my code in jsfiddle

http://jsfiddle.net/sukumar/xtTcZ/

I want the options to be shown like below by default

Answer 1

normally you would just set the size property on the select but it doesn’t like like jquery mobile supports that. no mention in the docs at least.

ex:

<select size="4">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
</select>