jQuery - hide option element by value
If you can go with removing it, this seems to work in all browsers:
$('select[name*="boxes"] option[value="box6"]').remove();
Tested in FF, Chrome, Safari, IE and Opera.
SNos
SALVO NOSTRATO, BORN IN ITALY AND MOVED TO LONDON IN 2005, IS AN INDEPENDENT AND AMBITIOUS INDIVIDUAL DRIVEN BY A PASSION FOR MUSIC, SOUND, PHOTOGRAPHY, AND THE ARTS. HE IS CURRENTLY STUDYING FOR A DEGREE IN “SOUND ARTS AND DESIGN” AT LONDON COLLEGE OF COMMUNICATION. SALVO HAS ALSO STUDIED AT GOLDSMITH UNIVERSITY, LONDON, GAINING A DIPLOMA IN MUSIC PERFORMANCE FOLLOWED BY SOUND ENGINEERING AND MUSIC PRODUCTION DIPLOMA EARNED AT ISLINGTON MUSIC WORKSHOP (IMW), LONDON, UK. BEING A MUSICIAN FROM AN EARLY AGE HE HAS CREATED MUSIC THAT SPANS MANY DIFFERENT GENRES AND HE OWNS A LARGE COLLECTION OF INSTRUMENTS AND RECORDING EQUIPMENT. SALVO’S TECHNICAL KNOWLEDGE HAS ALLOWED HIM TO BUILD HIS OWN HIGH QUALITY STUDIO WHERE HE USES SOFTWARE FOR AUDIO COMPOSITIONS SUCH AS PROTOOLS HD, PROTOOLS LE AND LOGICPRO 9 SUITES IN WHICH HE IS HIGHLY PROFICIENT.
Updated on June 04, 2022Comments
-
SNos almost 2 years
Trying to hide an option element from a list. I have tried several methods however, cannot seems to work. I need to call select by name as I cannot add ID or class.
$('select[name*="boxes"] option[value="box6"]').hide();here the fiddle: http://jsfiddle.net/q2nb08t6/
any suggestions?
-
Vince almost 9 yearsThis is a browser compatibility issue -- see the link posted in the comments by @b.enoit.be : stackoverflow.com/questions/19270386/…