Viewed 109k times 49. The :selected selector selects option elements that are pre-selected. In this example, we are going to help to get the value of the selected option in the select box using jQuery. jquery how to get data attribute value of selected option - gist:0197352f3b0daf0666ef Get text of the selected option with jQuery [duplicate] Ask Question Asked 9 years, 5 months ago. However, you can also get this output in the alert message as per your requirement. The button with ID demo is attached with a click event. You can see, the alert shows the value behind each visible text, not the text itself. Note: This selector will not work on checkboxes or radio buttons. In this post, we are going to discuss how to get the drop down selected value using Asp.Net MVC razor and jquery. Active 3 years, 10 months ago. An example to get the text of selected option. Click each button for the currently selected value of the radio button. using jQuery are mentioned in this article. Select your option from the select box to execute the code and get the text of selected option content. Use the :checked selector instead. You may also like how to show/hide div on dropdown selected using jQuery. However, there are two types of select box. Use checked selector with val() to Get Selected Radio Button Value. The first is the single option selection select box and other is the multiple option select box. You have to use the jquery change method to Get Select Box Option Value on select of the options. Get selectbox value, get selectbox text, set selectbox value, set selectbox text, get selectedIndex, set selectedIndex ,etc. If you want to get the text not the value of the selected option in jQuery, you can use the $.text method. At times, it could be very useful to use jQuery to Get Selected Option Index value for carrying out relevant processing. Getting and setting the value and the text of a selectbox using jQuery is very simple. 2. You can also get the value of the selected radio button using the selector :checked with the function val(). jQuery provides two methods to get the value of the selected option from the select box. When the button is clicked the text or inner HTML of the selected option of the HTML Select Dropdown with ID mySelect is fetched and displayed in alert. 1- val() – method returns the value of selected attribute value. You will get the output in the div element using the jQuery html(). var selectedVal = $("#myselect option:selected").val(); In this article, I am going to show you a very easy and simple way to get selected option index value using jQuery.And the actual code is just 1 line, so it’s super easy to follow and implement. The above example contains the select dropdown option and jQuery change event. In the example code, we will show how you can get the text value of the select using jQuery. Model : A simple Model which has Country ID, Country Name and SelectedCounty. public c Syntax The second one is the text value of the select element. The .val() method is primarily used to get the values of form elements such as input, select and textarea.When called on an empty collection, it returns undefined.. The selected option’s value is displayed in a simple alert. The following select box has some options with values, the text value of the selected option will be retrieved from this select element. 4.