How to set option selected when using jqtransform on select element

Question

How to set option selected when using jqtransform on select element.

I'm using jqtransform for my form , and I want to set appropriate option value to be selected when I'm retrieving saved data from database.

algiecas · Accepted Answer · 2012-07-09T20:56:04.713

5

I believe you would set the value of select the same way as without using the jqTransform.

E.g.

$('#mySelect').val('myVal');

Edit:

Well, this is really ugly but should work:

var mySelect = $('#mySelect');

//find the current selected option
var myOption = mySelect.find('option[value='+mySelect.val()+']');

//find the index of that option
var index = $('#mySelect option').index(myOption);

//trigger the click on the corresponding jqTranfsform element
mySelect.prev('ul').find('li').eq(index).find('a').click();

edited Jul 09 '12 at 20:56

answered Jul 09 '12 at 19:51

algiecas

2,108
14
13

no , it is not working with jqTransform, otherwise itis working fine . – Anushka Jul 09 '12 at 20:03
it (still) works, but why not get the index by `var index = mySelect[0].selectedIndex`. That saves an extra line – Joost Schepel Jan 14 '14 at 13:26

score 3 · Answer 2 · answered Dec 27 '12 at 11:41

3

You can call onchange event. jqtransform has change() method.

$('#mySelect').val('myVal').trigger('change');

It work's :)

answered Dec 27 '12 at 11:41

Kostya Kolesnyk

31
1

How to set option selected when using jqtransform on select element

2 Answers2