Comments on: Textbox and Dropdown combined

By: MichaelApproved

MichaelApproved — Wed, 19 May 2010 21:26:03 +0000

This example is meant to show how to put a textbox over a dropdown list and allow a user to select from the list or enter new data. Updating a dropdown list is a separate article which others have already written about. http://www.google.com/search?q=javascript+updat...

By: Sowmiya_G

Sowmiya_G — Wed, 19 May 2010 13:28:00 +0000

In this we cant able to get the items in the dropdownlist….But we want to view the items in the dropdown as well as to insert a new item in it…. plz help us

By: MichaelApproved

MichaelApproved — Tue, 23 Feb 2010 22:39:48 +0000

Thanks for catching and reporting this bug. The problem was that the first option in the dropdown was automatically being selected Though it's the normal behavior of a dropdown, in this case it's causing a problem for us. I missed that because the textbox was covering the dropdown and hiding that item 1 was already selected. Because it was already selected the onchange event wouldn't fire if it was reselected.

The solution is to execute the DropDownIndexClear function once when the page loads. I updated the code to include this fix.

By: john

john — Thu, 11 Feb 2010 14:45:33 +0000

i noticed this too

By: john

john — Thu, 11 Feb 2010 14:44:16 +0000

very nice. it works well in an ajax/dhtml table that i have. i couldnt get dhtmlxcombo to work but yours is working great. I'm having a little trouble cssing it up but it will probably work thanks

By: David Low

David Low — Tue, 02 Feb 2010 07:46:10 +0000

This is a great solution but I did find one thing that does n't seem right. When I click on the dropdown directly the select item 1 does not populate the text box.

When I debugged it the onchange trigger for the dropdown did not fire. The reason is to do with the initial value of the selectedIndex which is 0 at this point. When I initialised it to -1 by calling DropDownIndexClear before entering the dropdown it works.

I am not sure of the best point of initialisation though. I tried on an onclick which is ok for IE8 and Firefox 3.6 but it did not work on Safari. It does work though on a onmouseover but I am not convinced this is the most elegant solution.

By: Howard

Howard — Fri, 02 Oct 2009 13:28:56 +0000

I did exactly as you directed and it works, thanks a million Michael!

By: MichaelApproved

MichaelApproved — Thu, 01 Oct 2009 19:56:25 +0000

You shouldn't have to change the JS. Just make sure you update the object names DropDownExTextboxExample and TextboxExample to something different for each new combo you create. Use the new object names in the onchange events.

By: Howard

Howard — Thu, 01 Oct 2009 10:20:05 +0000

Hey It works perfectly in Chrome, sorry if i wasn't clear about that. The problem is i can't code Javascript very well and I simply couldn't figure out how to put more than 1 combo box in a form, if indeed it is possible. So, in advance of me hacking the code and spending hours attempting to get it to do this I just wanted to ask your opinion on whether this would be possible. Thanks! Howard

By: MichaelApproved

MichaelApproved — Thu, 01 Oct 2009 10:13:40 +0000

I haven't tried it out on Chrome yet. Are you able to get just one to work? Is the problem multiple combined textboxes or does it not work on Chrome at all?