选择页面加载时的表单选项

选择页面加载时的表单选项

问题描述:

I would like to select the option contained within a php variable on page load.

<?php
$pre = 78;
?>

<select id="form8" name="form8">
<option value="15">15</option>
<option value="25">25</option>
<option value="64">64</option>
<option value="78">78</option>
<option value="82">82</option>
</select>

<script>
$(document).ready(function(){
$("form8").val("<?php echo $pre; ?>");
}
</script>

Expected output should be,

<select id="form8" name="form8">
<option value="15">15</option>
<option value="25">25</option>
<option value="64">64</option>
<option value="78" selected="selected">78</option>
<option value="82">82</option>
</select>

http://jsfiddle.net/qQZVN/1/

Example

$('#form8').val("<?php echo $pre; ?>") ;

$(document).ready(function(){
$("#form8").val(<?php echo $pre; ?>);
}

Why not just use HTML to set selected='selected'? Seems easier, and supports non-JS users.

$('select#form8').val('<?php echo $pre; ?>');