Add new value in .net dropdownlist control using jQuery

Posted by: adnankhan12 on: January 19, 2010

• In: ASP.NET 4.0 - VB.NET | JQuery
• Leave a Comment

Here is your jQuery code:

// first lets un-select any items that have been selected
$(“select.ddlMyDropDown option:selected”).removeAttr(“selected”);
var addvalue = ‘MyNewValue’;

$(“select.ddlMyDropDown”).prepend(‘<option selected=”selected” value=”‘ + addvalue + ‘”>’ + addvalue + ‘</option>’);

Here is your html code:

<asp:DropDownList runat=”server” ID=”ddlMyDropDown” CssClass=”ddlMyDropDown” ></asp:DropDownList>
<br />
<input type=”text” id=”addToDropDown” class=”addToDropDown” visible =”false” size=”1″ />

Nice!

Tags: .NET dropdownlist and JQuery, Add new value in .net dropdownlist control using jQuery, JQuery