JqueryjQuery 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

Comments

No Comments Yet. Be the first?

Post a comment

Your email address will not be published. Required fields are marked *