[jQuery] Multiple Select option.. Selecting and Unselecting
Hi have a form as follows as follows
<form ....>
<select name='whatever'>
<option....>
</option>
<select name='meetevents' multiple="multiple">
<option value='1'>Team A</option>
<option value='2'>Team B</option>
</select>
<div class='hideme'>
<input name='1_a' type='text'/>
</div>
<div class='hideme'>
<input name='2_a' type='text'>
</div>
</form>
Initially when the page is loaded, both the divs are hidden. I want
the user to select one or more of the options from the select
'meetevents', and depending on which one he selects the div with the
appropriate input field (matched by the name of the input field)
should be displayed. If the user deselects the option, the input field
should be hidden.
what are the correct events to use? what should the event selector be?
I have been struggling with this.. i used click, change.. but no
luck.. Also the IE and Firefox behavior seem to be different with
whatever testing i have done so far