Your Source for Web Development Resources

Your Source for Web Development Resources

Make a Select’s Options Printable

When printing a web page with < select > elements on it, the select dropdown prints just like it looks. This is borderline useless on a printed page. One option is to succeed all select HTML elements with an unordered lists duplicating the same content. Hide the unordered lists in your regular display CSS, but then reveal it with your print stylesheet. This is a reasonable approach I think, except that it’s a pain in the butt to deal with all the time. Let’s lean on jQuery to do the heavy lifting instead.

Choose It

Choose It

VN:F [1.9.3_1094]
Rating: 0.0/10 (0 votes cast)

Leave a Response

Please note: comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.