tags:

views:

476

answers:

3

Is there a a way to hid that arrow in a standard dropdown select fieldset?

Fiddle link

I have an autocomplete system where you fill in the organisation number of a company and it finds the info based on a database. I'd like to have the select box, but without the arrow..

I need it to do this as it's a double function form, either you can fill in your ORG nr or just manually type it in, pretty simple, probably used all over the internet.

Thanks :)

A: 

It's not easy, but you can fake it by putting a button above a Select that has its size property set to a value greater than 0.

Have the Select hidden and positioned absolutely under the button. Clicking the button shows the list. Selecting the list changes the text on the button and re-hides the Select.

Robusto
+2  A: 

Kyle, Usually autocomplete systems use input text elements instead of a select element. This creates what you are trying to achieve. Google is a classic example of this.

If you want, you can take a look at jQuery's autocomplete plugin to get another example and some code ideas, or whatever. http://docs.jquery.com/Plugins/Autocomplete

ocdcoder
Thanks, I've just realised I forgot to add a really important part of info as to why I need this. Will update question.
Kyle Sevenoaks
There is still a way you can do both selection ("fill in") and insertion ("manual insertion") with a text field and jQuery's autocomplete. you gotta just configure it the right way :-)
ocdcoder
Thanks, just what I needed.
Kyle Sevenoaks
+1  A: 

This way you need a text box, because you cannot type anything in <select> tag. And put an onclick event to this box to open autocomplete with all possible values.

Draco Ater