www.dhtmlgoodies.com

I have added the editable select option in my php scripts. It works fine. But I have a rule to fire onchange event. The text box with editable option is not working with onchage event.

Your help is appreciated.

Regards
Shobaan

Hello Batalf

Problem got solved. I just added a javascript function at the end of selectOptionValue() function and onchange event works good.

My basic need was whenever an option is selected from the select option textbox i need to load another dropdown based on the value selected.

Its works Cool.

Thanks
Shobana

Hi Shobana, could you give me a short code example of how to put the onChange() in the editable select box, please?

Thanks,

Hi Rene

Here is the Code.


function selectOptionValue()
{


var parentNode = this.parentNode.parentNode;
var textInput = parentNode.getElementsByTagName('INPUT')[0];
textInput.value = this.innerHTML;
this.parentNode.style.display='none';
document.getElementById('arrowSelectBox' + parentNode.id.replace(/[^\d]/g,'')).src = arrowImageOver;

if(navigator.userAgent.indexOf('MSIE')>=0)document.getElementById('selectBoxIframe' + parentNode.id.replace(/[^\d]/g,'')).style.display='none';

setValue1(textInput,textInput.id);
}

Just Add a javascript function at the end of selectOptionValue(). In my example "setValue1" gets fired whenever the value in the select option gets changed.

Let me know if you have any problem.

Regards
Shobana