Updating Select Options using JQuery

03 Mar

So you implemented a webservice that return an ArrayList to update the Select Option.

Public Shared Function UpDateSelectList(ByVal sThemeID As String) As ArrayList

You can use the jQuery $.ajax to call the webservice

type: "POST",
url: swebserviceURL,
data: oData,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: jsGetArrayListSucess,
failure: function (response)
alert("An error was encountered");

In the callback function you need go through the array list to create an option item and add it to the Select Options

function jsGetArrayListSucess(response)
var DictionaryItems = response.d;
if (DictionaryItems == null || typeof (DictionaryItems) != "object") {


var myDropDownList = $get('SelectList');
myDropDownList.options.length = 0;
myDropDownList.options[0] = new Option("Select ", 0);
for (var i = 0; i < DictionaryItems.length; ++i)
myDropDownList.options[myDropDownList.options.length] = new Option(DictionaryItems[i].Text, DictionaryItems[i].Value);

catch (err)



Leave a comment

Posted by on March 3, 2011 in Programming


Tags: , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: