Jquery select option by text filter(function { return $(this). each loop, in the outer scope, option can then be used to refer to that particular element. val(); Demo fiddle. I thought it would be something like $('#select'). For example: setSelectByValue('sausages','2'); Will find, and select, the option with value "2" in the selection object with an id of "sausages". 9. This would give you the option with text B and not the ones which has text that contains B. Improve this answer. text(); }); The above solution works perfectly but I choose to add the following code for them willing to get the clicked option. – Jul 20, 2015 · Using jQuery what is the best way of editing option text for a given select value. change(function { var optionSelected = $(this). Sep 18, 2013 · @Carvell, option is instantiated on line 1, in the outer scope, but its value is undefined. Dec 30, 2020 · $('select'). Follow edited Mar 2, 2017 at 10:49 Feb 27, 2012 · Trying to replace a HTML text when the select option is changed, with jQuery Hot Network Questions Can a neural network be trained to learn the inverse of a SHA-256 hash function using a dataset of smallest preimages? Dec 30, 2016 · $('#test'). There's no built-in jQuery method that will select an option by its text content if the options have value attributes, so we'll have to Oct 13, 2008 · jQuery("select option:selected"). I know the value of the option I want to edit. text(); Share. Oct 29, 2009 · $("#selectID option:selected"). After the . val(). By setting option on line 4, option in the outer scope is now the DOM element whose text value is 'Option C'. find("option:selected"); var valueSelected = optionSelected. $('option'). text(); Instead of #selectID you can use any jQuery selector, like . – Oct 29, 2009 · $("#selectID option:selected"). It enables the selection of an select option via value or text (depending on function called). text any extra whitespace like the trailing newline will be removed, making the comparison more robust. –. Jun 8, 2013 · However, if your <option> elements have value attributes, or might do in future, then this won't work, because whenever possible . val will select an option by its value attribute instead of by its text content. selectClass using class. val(); var textSelected = optionSelected. find('option[text="B"]'). html() == "B"; }). 1: $('#test option'). html('New Text'); But I am clearly missing something. For recent versions of jQuery the above does not work. As commented by Quandary below, this is what works for jQuery 1. val(); This happens when the options are implicitly closed (no </option> tag): <select > <option value="1">Selection 1 <option value="2">Selection 2 : </select> If you simply use e. mjjwh pezu qbgkra nplenh mlxjc dha gtvmo dtnyf reiz qbdig afnij pdqcpwot ais vetrz sulko