Create a HTML5 input control that allows users to type in text/numbers as value (as shown in A). The input control starts initially in “text mode”.
However, once B is clicked, a dropdown list will appear with options auto-populated. The options will be taken from a JSON array of label-value pairs, example:
[
{label: “abc”, value: “123”},
{label: “def”, value: “456”}
]
When one of the options is chosen, the input field will display the label property of the option (eg. “abc”) and the value of the input field will be “123”.
When the user clicks on the textbox (A) once again, the current text displayed will be deleted and user will have to type once again, or click on B to reselect option.
Prerequisites
1. Use only jQuery as dependency.
2. ES6 code is okay.
3. Encapsulate functionality of input control into a JS class if possible, therefore using property accessors when getting values from the input control.
Hi,
I'm a developer having experience in JQuery, Json, PHP and HTML. I can provide you with high standard work. I'm ready to start work right now. Please PM me for more details.
Thank You
WordPress, Joomla, Laravel, CakePHP, CI, PHP, MySQL, Angular2, NodeJs, JavaScript sites: small auction site for car dealer, Site for selling coupons for local shops and corporate site for an insurance company.
Hello,
My Self Sunil Salve , I have an 8 years Exp. UI Development.
Key Skills - Jquery Javascript , Angular Js. CSS.
I can do this job in day and also its my first project with Freelancer site so I will give my 100% to build my reputation here also.
will like to here from u :)
Thanks,
Sunil
We are hard working and fast delivering. We are just starting out on freelancer so we would be grateful if you decide to trust our skills. Your satisfaction is our priority and we enjoy gaining more experience while helping our clients.