solarisuser Posted May 4, 2007 Share Posted May 4, 2007 Hi All, Is there a way to use JS to limit the size of a <select> dropdown menu? An example were I'd like to have the first <option> be display up to 10 characters, but of course the value should remain the entire length. Thanks for any help! <html> <body> <form action=""> <select name="cars"> <option value="volvo Extra Extra Long">Volvo Extra Extra Long</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html> Link to comment https://forums.phpfreaks.com/topic/50035-can-javascript-manipulate/ Share on other sites More sharing options...
obsidian Posted May 4, 2007 Share Posted May 4, 2007 You could try something like this: function shortenSelectOptions(x) { eles = document.getElementByTagName('option'); for (i = 0; i < eles.length; i++) { if (eles[i].innerHTML.length > x) { newVal = eles[i].innerHTML.substring(0, x); eles[i].innerHTML = newVal; } } } That function could be called (passing in a value that is the length to which you wish to limit you options), and it should trim all the ones on the page to your specification. Hope that helps. Link to comment https://forums.phpfreaks.com/topic/50035-can-javascript-manipulate/#findComment-245619 Share on other sites More sharing options...
solarisuser Posted May 4, 2007 Author Share Posted May 4, 2007 Thanks.. And how would I call it? =) Link to comment https://forums.phpfreaks.com/topic/50035-can-javascript-manipulate/#findComment-245641 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.