Ввод автосохранения, предотвращающий копирование текста в другое текстовое поле ввода

Question

Я пытаюсь копировать текст из одного поля ввода текста в другое, как пользовательский тип. Я смог добиться этого благодаря помощи каждого, но у меня возникла проблема.

Если вы посетите следующую страницу и введите «Sub» в текстовом поле «Производитель автомобилей», вы увидите его дубликат в текстовом поле «TestField». Однако, поскольку это текстовое поле с автозатемнением, появляется Subaru.

Итак, если вы только набираете «Sub» и «Subaru», и вы выбираете его, только «Sub» дублируется на следующее поле. Вы также заметите, что после выбора «Subaru» создается флажок. Может быть, лучше было бы дублировать флажок? Но я не смог этого сделать, к сожалению.

Вы можете увидеть проблему здесь (не забудьте только станд «суб» в поле и выберите «Subaru», чтобы увидеть, что я говорю о:

http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/

Вот код, который я» м в настоящее время используют для выполнения дублирования:.

<script> 

(function($) { 

    $('.jr-page').on('keyup','.jrAutoSuggest',function(){ 
     $('.jr_testfield').val($(this).val()); 
    }); 

})(jQuery); 


</script>  

Если у вас есть какие-либо идеи о том, как предотвратить это, что было бы здорово Одна идеи состояла в том, чтобы просто дублировать текст с флажка, как только «Subaru» выбран из автозаполнения .

Спасибо за помощь!

Answer 1

Вы можете легко расширить метод OnClick тег, который вы используете для отображения предложений:

внутри тега:

<a class="ui-corner-all" tabindex="-1" onclick="javascript:clickHandler(this)">Subaru</a> 

Реализовать функцию clickHandler и установить значение ссылки на тест которое вы создали.

Надеюсь, что это поможет.