IOU Add Selected Option For Free

The Option() constructor is used to create a new option element. A new option is created with the text and the value of the option as the parameters. This element is then added to the select box with the append() method. A new jQuery DOM element is created with the option tag.

With JQuery:If you want to get the selected option text, you can use $(select element). text() . var text = $('#aioConceptName option:selected'). text();If you want to get selected option value, you can use $(select element). val() . var val = $('#aioConceptName option:selected').val();Oct 26, 2013

Get Selected Option Text of HTML SELECT using jQuery<option value="1">Yes</option><option value="2">No</option>$("#demo").live("click", function () {//Get text or inner html of the selected option.var selectedText = $("#mySelect option:selected").html();alert(selectedText);});Jun 15, 2011

The option tag contains the value that would be used when selected. The default value of the select element can be set by using the 'selected' attribute on the required option. This is a boolean attribute. The option that is having the 'selected' attribute will be displayed by default on the dropdown list.

$('#mySelectBox option'). each(function() { if ($(this). isChecked()) alert('this option is selected'); else alert('this is not'); });

Get Value or Selected Option in Select BoxUse the value property of the select list.Use the selectedIndex property.Loop through the options and determine which one is selected and return either its value or a reference.

With JQuery:If you want to get the selected option text, you can use $(select element). text() . var text = $('#aioConceptName option:selected'). text();If you want to get selected option value, you can use $(select element). val() . var val = $('#aioConceptName option:selected').val();Oct 26, 2013