Display result on Select - php

Question

i am using below code, Its displaying the ??? only in place of result. Can you please help me out to correct the error in the below form ? message is displaying the blank result like in ?? format. any help ? --
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="12%"> </td>
<td width="2%"> </td>
<td width="2%"> </td>
<td width="2%"> </td>
<td width="16%"> </td>
<td width="66%"> </td>
</tr>
<tr>
<td><img src="images/australia1.jpg" width="132" height="70"></td>
<td> </td>
<td> </td>
<td> </td>
<td><select name="select">
<option>Select Course Type</option>
<option>Under Graduate</option>
<option>Post Graduate</option>
</select>
</td>
<td><div id="message"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript" language="javascript">
var messages = {
Under Graduate: 'UG text is here',
Post Graduate: 'PG text is here'
}
$('select').change(function() {
$('#message').text(messages[$(this).val()]);
});​
</script>

Answer 1

<script type="text/javascript" language="javascript">
var messages = {
under: 'UG text is here',
post: 'PG text is here'
}
$('select').change(function() {
if($(this).val() != '')
$('#message').text(messages[$(this).val()]);
});​
</script>
<select name="select">
<option value="">Select Course Type</option>
<option value="under">Under Graduate</option>
<option value="post">Post Graduate</option>
</select>

Answer 2

You have syntax errors in your message object. You need to use quotes around keys that have spaces in them:
var messages = {
'Under Graduate': 'UG text is here',
'Post Graduate': 'PG text is here'
}

Answer 3

i think you just missing value attribute and use one-word identifier
<option vale="under_graduate">Under Graduate</option>
var messages = {
under_graduate: 'UG text is here',
val1: 'PG text is here'
}
</script>

Answer 4

try this
<script type="text/javascript" language="javascript">
$('#select').change(function() {
var selectVal = $('#select :selected').val();
$(#message).text(selectVal);
});
</script>
and replace
<select name="select">
by
<select id="select">