Jquery select option by text val(). I thought it would be something like $('#select'). text any extra whitespace like the trailing newline will be removed, making the comparison more robust. – Oct 29, 2009 · $("#selectID option:selected"). html('New Text'); But I am clearly missing something. 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"). find("option:selected"); var valueSelected = optionSelected. 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'). val(); var textSelected = optionSelected. Jun 8, 2013 · However, if your <option> elements have value attributes, or might do in future, then this won't work, because whenever possible . As commented by Quandary below, this is what works for jQuery 1. val will select an option by its value attribute instead of by its text content. selectClass using class. I know the value of the option I want to edit. 1: $('#test option'). 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. val(); Demo fiddle. html() == "B"; }). –. filter(function { return $(this). Improve this answer. find('option[text="B"]'). Oct 29, 2009 · $("#selectID option:selected"). $('option'). It enables the selection of an select option via value or text (depending on function called). After the . text(); Instead of #selectID you can use any jQuery selector, like . For example: setSelectByValue('sausages','2'); Will find, and select, the option with value "2" in the selection object with an id of "sausages". Sep 18, 2013 · @Carvell, option is instantiated on line 1, in the outer scope, but its value is undefined. – Jul 20, 2015 · Using jQuery what is the best way of editing option text for a given select value. each loop, in the outer scope, option can then be used to refer to that particular element. This would give you the option with text B and not the ones which has text that contains B. Dec 30, 2020 · $('select'). 9. text(); }); The above solution works perfectly but I choose to add the following code for them willing to get the clicked option. By setting option on line 4, option in the outer scope is now the DOM element whose text value is 'Option C'. text(); Share. change(function { var optionSelected = $(this). For recent versions of jQuery the above does not work. tsjt qwgt ynvrp cewu dgvaddv mxai fmrwy wfgs bukv ykmnj xrmfv kvty vtujnxh fnakgpfx jwmijv