Trigger select tag with jquery/javascript

Question

I have one question, when i want to triggering my label and my select tag, structure like this:

<label class="label"></label>
<select class="select">
</select>

and my jquery code:

$(".label").click(function(){
   $(".select").click();
});

i'm try to use mousedown too, but it still can't open the select tag... Any idea ?

simulate on select won't open the drop down: http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery — kleinohad, Dec 09 '12 at 06:23
you can't open the drop-down programatically; you can only force focus onto the element. If you want to change it's physical appearance to dropped-down, you'll have to swap out the UI for another solution in HTML instead of the browser-UI for

Jonathan de M. · Accepted Answer · 2012-12-09T06:50:10.527

1

try

<label class="label" for='blabla'>my select</label>
<select class="select" id='blabla'>
</select>

edit: solution 2

<label class="label"></label>
<select class="select">
</select>
<script>
$('.label').click(function(){
   $('.select').attr('size', 3);
});
</script>

edited Dec 09 '12 at 06:50

answered Dec 09 '12 at 06:23

Jonathan de M.

i try the code above, but only triggering not opening select tag ... Please help me ... – Michael Antonius Dec 09 '12 at 06:25

score 0 · Answer 2 · answered Dec 09 '12 at 06:23

0

<label for="the_select">whatever</label><select id="the_select"></select>

NB the 'for' on the label, which matches the id of the select. You don't need javascript if you use the label properly

answered Dec 09 '12 at 06:23

Rimu Atkinson

2 Answers2