Comments on: Upgrade Your Select Element to a Combo Box

By: Mary

Mary — Thu, 05 Jul 2007 22:15:18 +0000

Everyone needs a hug.

By: Nibu

Nibu — Thu, 05 Jul 2007 11:03:03 +0000

I cannot Down load the code files

By: Nibu

Nibu — Thu, 05 Jul 2007 11:02:09 +0000

Everyone needs a hug.

By: Andy Earnshaw

Andy Earnshaw — Sun, 08 Apr 2007 21:20:19 +0000

Just a few quick notes. I came across this page whilst trying to improve my own combo box design I'm using in one of my Windows Sidebar gadgets. You should add an onlick that sets focus back to the text input when a selection is made. Secondly, add an onkeydown to the text input for when up & down is pressed. ie:onkeydown="if (event.keycode == 38 || event.keycode == 40) selectBoxId.focus(); window.setTimeout(textInput.focus, 10);"Obviously replace selectBoxId with your own select element's id. As the event fires before it bubbles, the keypress is actually sent to the select box, an then sets the focus back to the input. What i'm trying to do with mine is purely aesthetic - when hovering over the input box I want the select box to light up. Unfortunately, I don't think you can trick any browser into thinking the mouse is somewhere it's not :)Andy

By: Cliff Record

Cliff Record — Tue, 03 Apr 2007 16:55:21 +0000

Do you have an example that works in xslt?

By: Charles p.

Charles p. — Tue, 13 Feb 2007 16:12:14 +0000

I think I am having the same issue as Kevin Hansen. I am trying to set the default value of the text field to be the selected item in the option list.

This works fine in IE6 but Firefox 2.0 doesn't like it at all. It seems that Firefox is not setting the selectedIndex of the control until after this code fires (?) so that if an option has the selected attribute IE sets it as the selectedIndex property of the select control before this script fires but Firefox waits till afterward for some stupid reason.

Any clues?

By: Arnima

Arnima — Fri, 09 Feb 2007 05:06:10 +0000

hi I need a help regarding the combox box.I am creating a web page in which i have two combo boxes.How can i chnage the content of one combo box by selecting an element in other combo box. example: suppose the first combo box contains the list of countries and the second combo box contains the list of cities. now when i select a country in first combo box the other should list the cities in that country. How can this dynamic changing be done?? I mean what code should i write???

Please send me a mail with the exact code for implementation. my mail id : arnimavidyarthy@gmail.com

Thanks Arnima Vidyarthy

By: rob cubert

rob cubert — Fri, 19 Jan 2007 22:52:52 +0000

Thank you for the webpage http://particletree.com/features/upgrade-your-select-element-to-a-combo-box/ It greatly helped me and i appreciate what you have done.

By: Kevin Hansen

Kevin Hansen — Wed, 03 Jan 2007 21:56:22 +0000

yikes, part of my comment had html in it.

correct comment: selected attribute of an option working.

sorry for the confusion.

thanks!

By: Kevin Hansen

Kevin Hansen — Wed, 03 Jan 2007 21:53:39 +0000

ryan, i have been trying to get the selected attribute of an working with no avail. do you have the code somewhere? great little control nice work!

any help would be greatly appreciated.

thanks!