$("#reset").on("click", function () {
$('#my_select').val('-1');
});
http://jsfiddle.net/T8sCf/1323/
$("#reset").on("click", function () {
$('#my_select').prop('selectedIndex',0);
});
Why not use a simple javascript function and call it on onclick event?
function reset(){
document.getElementById("my_select").selectedIndex = 1; //1 = option 2
}
<select id="my_select">
<option value="a">a</option>
<option value="b" selected="selected">b</option>
<option value="c">c</option>
</select>
<div id="reset">
reset
</div>
$("#reset").on("click", function () {
$('#my_select').prop('selectedIndex',0);
});
This is a simple way for your question. only one line answer.
If you looking to reset, try this simply:
$('element option').removeAttr('selected');
To set desire value, try like this:
$(element).val('1');