Home > Jquery > jQuery select lists

jQuery select lists

Get the value of the selected item 

$("listBoxSelector :selected").val();

Get the text of the selected item 

$("listBoxSelector :selected").text();

Get multiple selected values ( or loop through all selected values )

$("listBoxSelector :selected").each(function(i, selected){
     var value = $(selected).val();
     var text = $(selected).text();
});

Empty a list 

$("listBoxSelector").empty();

Append Options to a list 

for(var i in options_list) {
  $("listBoxSelector").append(
     $('<option></option>').val(i).html(options_list[i])
  );
}

Un-select all items from a list 

$(listBoxSelector).find("option").attr("selected", false);
Categories: Jquery
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: