jQuery <select> Manipulation: Set default <select> value onload

« Return to Article

Demo

Set the default value to Cat upon page load.


jQuery

$(document).ready(function(){
	// Set the default to Cat
	$("select#default").val("2");	
});	

HTML

<select name="default" id="default">
	<option value="">-- Select Value --</option>
	<option value="1">Dog</option>
	<option value="2">Cat</option>
</select>

Donate

If you found this article useful and would like to see more like it this please consider making a donation.