How can I set the value of a DropDownList using jQuery?

Question

As the question says, how do I set the value of a DropDownList control using jQuery?

Answer 1

$("#mydropdownlist").val("thevalue");

just make sure the value in the options tags matches the value in the val method.

Answer 2

please check this solution:: http://ledomoon.blogspot.com/2009/12/dropdown-selected-change-event-by.html

$(document).ready(
function(){
// select all the divs and make it invisible
$("div.Content").css("display","none");
// Find all the combos inside the table or gridview
$("#tblItems").find("select.Status").each(function () {
// Attached function to the change event of each combo
$(this).change(function () {
if ($(this).val() == "test1")
{
// Change the visibility of the next div after the selected combo if the selected value = test1
$(this).parent().find("div.Content").fadeIn("slow");//css("display","block");
}
else
{
$(this).parent().find("div.Content").fadeOut("slow");//.css("display","none");
}
});
});
});

Hope this helps,