Create HTML5 input control

Kapalı İlan edilme: 7 yıl önce Teslim sırasında ödenir
Kapalı Teslim sırasında ödenir

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.

jQuery / Prototype

Proje NO: #13007632

Proje hakkında

15 teklif Uzak proje Aktif 7 yıl önce

Bu iş için 15 freelancer ortalamada $20 teklif veriyor

shennz

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

$30 USD in 0 gün içinde
(3 Değerlendirme)
1.8
deevkm641

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.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
Sunil44

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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
WhiteCoding

Web Developer with experience of 1 year,Mostly have worked on responsive web design,Have Knowledge of jQuery,JavaScript,Bootstrap,HTML 5 etc.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
Andresvp14

A proposal has not yet been provided

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
Celestior

I have more than 1 year and a half experience with JQuery, so in one day or less I should finish your job.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
Suryaprakashprog

A proposal has not yet been provided

$10 USD in 3 gün içinde
(0 Değerlendirme)
0.0
hypericsolutions

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 he Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0
vineeth61

Although this can be done using JQuery, it's fairly simple to do this using Angular JS. I would suggest you use Angular JS. Thanks.

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)
0.0