jQuery .change and .click function simultaneously

Question

can someone take a look at this please

http://jsfiddle.net/bloodygeese/ecscY/56/

it looks like I have got the 2 separate functions working but I need to get them to both work at the same time? So clicking on image1.image2,image3,image4 will change the drop down, but I also need to display the value of the drop down at the same time,

It seems I can only do this separately?

It would also be great if I could get the "label:"to display the 1st option as default. And i am going to have 16(maybe more) options in the drop down, is there any way the code can be simplified? rather than a function for each?

Ram · Accepted Answer · 2012-06-16 05:26:58Z

1

try this:

$('#one, #two, #three, #four').click(function() {
    $('#dropdown').val($(this).attr('id'));
    $('#dropdown').trigger('change')
})

http://jsfiddle.net/ecscY/57/

answered Jun 16, 2012 at 5:26

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

user1450749 Over a year ago

even better! how would i get the Label:# to show "one" by default?

Selvakumar Arumugam · Accepted Answer · 2012-06-16 05:25:57Z

0

Call .change() after calling .val(). See below,

$('#dropdown').val($(this).attr('id')).change();

answered Jun 16, 2012 at 5:25

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Collectives™ on Stack Overflow

jQuery .change and .click function simultaneously

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related