I'm working on a Magento site meant for employees from different departments within a company to purchase goods. I've created an installer to create the address attributes which shows correctly in the Admin Customer Create/Edit screen as depicted:

enter image description here

The idea here is that the admin person should start typing in the Department field, and it should bring up an auto-suggest list. Selecting the appropriate option should auto-populate the Department ID field, which is what is required by the Stores Office to deliver internally.

I already have the Departments and associated data set up via a module which created my database table for me.

I can do the jQuery auto-suggest and JSON data lookup required, but I'm totally unsure how to customize the Department field (jQuery function triggered for keyUp event) and to make the Department ID input read-only.

Would someone be kind enough to point me in the right direction? Thank you!

EDIT: I was contemplating editing the app/design/adminhtml/default/default/template/customer/tab/addresses.phtml file and injecting my jQuery in there, but I don't think that would be the proper way to do it.

1 Answer 1


Try something like this:

Download jquery and save it to js/jquery directory

create a new js file js/custom/customPopulate.js and add below content.

   alert(' add your auto suggest function here!!'); 

Now Open app/design/adminhtml/default/default/layout/local.xml, <create if not there.>

    <reference name="head">
        <action method="addItem">
        <!-- Jquery file path here-->
        <action method="addItem">

hope this helps!

  • Thanks Pallavi. Was hoping for some help regarding custom input renderers, but this solution does work nicely :)
    – maGz
    Jul 23, 2016 at 23:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.