CODEWITHSUNDEEP
jquery
Marsh
Marsh

Reputation: 173

How to add a value into default option in dropdownlist?

I have one dropdownlist in my page.i have to add a value "0" into "please select" option in dropdownlist.can anyone tell how to do this using jquery? my dropdown code is:

<%: Html.DropDownListFor(m => m.Project.SelectedValue, Model.Project.GetSelectList(), new { @id = "jqDropDownBox" }) %>

Thanks in advance..

Upvotes: 0

Views: 2404

Answers (3)

Vignesh Subramanian
Vignesh Subramanian

Reputation: 7289

HTML

<select id="selId">
     <option id='1' value='1'>1</option>
     <option id='2' value='2'>2</option>
     <option id='3' value='3'>3</option>
     <option id='4' value='4'>4</option>
     <option id='5' value='5'>5</option>
</select>

Javascript

$('document').ready(function() 
                        {
                            $("#selId").prepend('<option value=0>0</option>');
$("select#selId").val("0");
}
);

EXAMPLE JSFIDDLE LINK http://jsfiddle.net/EwDuj/443/

Upvotes: 3

S. S. Rawat
S. S. Rawat

Reputation: 6131

You should try this one. I think It will be help you

 $('#jqDropDownBox').prepend('<option value="">[Select option]</option>');

Upvotes: 2

reggaemahn
reggaemahn

Reputation: 6668

Add this at the end of your body tag:

$(function(){
    $("#jqDropDownBox").prepend("<option value='0'>Select an option..</option>");
});

Upvotes: 3

Related Questions