No products in the cart.
- This topic is empty.
-
Posts
-
Select Text and selected value on dropdown/select change event in jQuery
$("#yourdropdownid").change(function() { console.log($("option:selected", this).text()); //text console.log($(this).val()); //value })For getting selected value use
$('#dropDownId').val();and for getting selected item text use this line:
$("#dropDownId option:selected").text();$(function () { alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').text()); });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <select id="selectnumber"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <option value="4">four</option> </select> </div> </form> </body> </html>
If you want the result as a list, then use:
x=[]; $("#list_id").children(':selected').each(function(){x.push($(this).text());})Try:
$var = jQuery("#dropdownid option:selected").val(); alert ($var);Or to get the text of the option, use
text():$var = jQuery("#dropdownid option:selected").text(); alert ($var);More Info:
For multi-selects:
$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }$("#dropdownid option:selected").text();if you use asp.net and write
<Asp:dropdownlist id="ddl" runat="Server" />then you should use
$('#<%=ddl.Clientid%> option:selected').text();Simply try the following code.
var text= $('#yourslectbox').find(":selected").text();it returns the text of the selected option.
Just add the below line
$(this).prop('selected', true);replaced .att to .prop it worked for all browsers.
$("#dropdown").find(":selected").text(); $("#dropdown :selected").text();$("#dropdown option:selected").text();$("#dropdown").children(":selected").text();Try
dropdown.selectedOptions[0].textfunction read() { console.log( dropdown.selectedOptions[0].text ); }<select id="dropdown"> <option value="1">First</option> <option value="2">Second</option> </select> <button onclick="read()">read</button>
- You must be logged in to reply to this topic.