Skip to content

Instantly share code, notes, and snippets.

@mrmusa
Created December 16, 2013 18:52
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mrmusa/7992276 to your computer and use it in GitHub Desktop.
Save mrmusa/7992276 to your computer and use it in GitHub Desktop.
simple native select menu hack for developers using ionic framework
<label class="item item-icon-right">
<select style="opacity:0; width:100%; position:absolute; z-index=100" ng-options="option for option in question.options">
<option value="">Select...</option>
</select>
<span class="input-label">Input Label:</span>
<span class="item-note">Your answer was {{ question.responses[0] }}</span>
<i class="icon ion-ios7-arrow-down"></i>
</label>
@asadbsse
Copy link

Hi...@mrmusa
I use your code for select it works fine but the problem is it does not show the color name which i select eg i want this one "Your answer was Red" but it does not show the color which i select only show "Your answer was"
Below is my code.
select style="opacity:0; width:100%; position:absolute; z-index=100" ng-model="color" ng-options="c.name for c in colors"
option value="">Select...</option

span class="input-label">Input Label>
span class="item-note">Your answer was {{ colors.responses[0] }}/span
i class="icon ion-ios7-arrow-down"

@rdeelstra
Copy link

z-index=100 should be z-index :100

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment