كيف أحصل على العنصر المحدد من القائمة المنسدلة DropDownList باستخدام JQuery؟

حالة كنت تقصد عنصر Select في لغة HTML 
الحالات الأكثر شيوعاً: 

الحصول علي العنصر وقيمة العنصر المختار دون  اي احداث "event":

ملاحظة:

• العنصر محدد

#DropDownList

العنصر المختار
var selected = $("#DropDownList:selected");

// قيمة العنصر المختار
var value = $(selected).val();
var label = $(selected).text();

// طباعة القيمة
alert("Label: " + label + " -- Value: " + value);

الحصول علي العنصر وقيمة العنصر عند حدوث تغيير في الإختيار "change":

ملاحظة:

• العنصر عام 

.DropDownList

$(document).on("change", ".DropDownList", function(){
	// العنصر الذي تم إختياره
	var selected = $(this).filter(":selected");

	// قيمة العنصر الذي تم إختياره
	var value = $(selected).val();
	var label = $(selected).text();

	// طباعة القيمة
	alert("Label: " + label + " -- Value: " + value);
});