Question

Sorry for the brief title, I wasn’t sure how to word this. Basically I am looking for some help to create (or the source code to an existing control) that will produce and picklist as shown in the image below.

http://img807.imageshack.us/i/picklistcontrol.png/

It needs to display the full length value once clicked but otherwise it should have a truncated value. This needs to be in classic asp or javascript/jquery.

Any help would be greatly appreciated.

EDIT:

Sorry but I didn’t realise this would be a problem but the solution must work in IE7 and greater.

Answer 1

This can be achieved using just basic HTML and CSS:

fiddle http://jsfiddle.net/garreh/kFH3u/

<style type="text/css">
   select { width: 100px; }
</style>

<select name="test">
    <option>Here is some text.</option>
    <option>Here is some more text.</option>
    <option>And some more text.</option>
    <option>This is another sentence.</option>
    <option>This is a slightly longer sentence.</option>
</select>

---

IE always has to be "special" 😉

Anyway, take a look here: Taming the select

_{(source: icant.co.uk)}

There is also a good stackoverflow answers in this post here: Select dropdown with fixed width cutting off content in IE