Function that dropdowns list of option in "select" element [duplicate]

Question

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!

DON'T delete it. Deleting questions, if done a lot, can get you question banned. — Adam Rackis
– Adam Rackis, Commented Jan 26, 2012 at 17:33

danwellman · Accepted Answer · 2012-01-26 17:38:06Z

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

answered Jan 26, 2012 at 17:38

danwellman

9,4018 gold badges65 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Function that dropdowns list of option in "select" element [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related