Set Dropdown Text For Free

JS document. getElementById('submit'). onclick = function() { var e = document. getElementById("pets"); var text = e. options[e. selectedIndex]. text; document. getElementById("container"). innerHTML = 'The selected text is ' + text;

Select the cells that you want to contain the lists. On the ribbon, select DATA > Data Validation. In the dialog box, set Allow to List. Click in Source, type the text or numbers (separated by commas, for a comma-delimited list) that you want in your drop-down list, and select OK.

We can select text or we can also find the position of a text in a drop down list using option:selected attribute or by using val() method in jQuery. By using val() method : The val() method is an inbuilt method in jQuery which is used to return or set the value of attributes for the selected elements.

If you want to get the text for the selected option from HTML select box dropdown or if you want to get the value for the selected option, we can use the find() function to look for the selected option and then either get the text value using the text() function or et its value using the val() function.

To get the value of the selected option, we have to find the selected option using the find() method and then use the val() method to get the value of the option.

JS document. getElementById('submit'). onclick = function() { var e = document. getElementById("pets"); var text = e. options[e. selectedIndex]. text; document. getElementById("container"). innerHTML = 'The selected text is ' + text;

Get Dropdown Selected Value using JavaScript function GetMaster1Details() { var value = document. getElementById("<%=ddlMaster1. ClientID%>"); var getvalue = value. options[value. selectedIndex]. value; var gettext = value. options[value. selectedIndex]. ... alert("value:-" +" "+ getvalue + " "+ "Text:-" +" "+ gettext); }