Question

I’m a pretty novice programmer who is trying to implement something I thought would be pretty simple, but after searching haven’t found a solution.

So right now I have an variable called msg. msg is dynamically generated and can be anywhere from 2-999.

I have a select that is very simple:

<form method='post' class='myForm' action=''>
   <select name='locationSelect' class='locationSelect' data-param='location_IDNUMBER'>
        <option value='1'>Exam Room</option>
        <option value='2'>Exam Room 2</option>
        <option value='3'>X-Ray Room</option>
        <option value='1000'>Check Out</option>
   </select>
</form>

My problem is: lets say msg has a value of 3. How can I show the select with a value of 3, so the selected option(the option first visible before clicking the arrow) is X-Ray Room?

my code (taken out of a larger block of code is:

$e.find('.locationSelect').show();

How can I modify it to say something like:

$e.find('.locationSelect':value=msg).show(); //this would show the .locationSelect with the selected value being the one with the id of 3, or whatever msg is

Thanks for any and all help! If you need any more details, just ask!

Answer 1

Try

$e.find('.locationSelect').val(msg);

http://jsfiddle.net/mowglisanu/ktcgy/