3

Possible Duplicate:
How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?
Show select dropdown in jQuery?

Suppose i have an select element like this:

<div>
<label>Colors</label>
<select class="clients">
 <option selected="selected">All</option>
 <option>Blue</option>
 <option>Green</option>
 <option>Yellow</option>
 <option>Brown</option>
</select>
    <img class="select-arrow" src="images/select-arrow.png" />
</div>

i'm very interested in how to dropdown list of option by clicking on the image, for now i've tried 

$('document').ready(function(){
    $('.select-arrow').click(function(){
        $('.clients').focus();
    })
})

but not sucessed.

Thanks in advance!

Community
  • 1
  • 1
Alega Meinstream
  • 41
  • 3

1 Answers1

0

Your best bet is to use a select-replacement script to replace all of your standard select boxes with attractive alternatives. You can then add alternative triggers for the drop-down image.

Try something like uniform

danwellman
  • 9,068
  • 8
  • 60
  • 88