2013-10-08 3 views
2

UPDATE: Я связался с разработчиком и он сказал, чтобы использовать этот код в качестве основы:Копировать поле ввода от одного к другому?

(function($) { 

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

})(jQuery); 

Это не работает в данный момент, и я не знаю почему, но вы также можете увидеть мой оригинальное сообщение ниже этого текста для получения дополнительной информации, и я ценю всю вашу помощь:

Я пытаюсь скопировать одно поле ввода в другое, когда пользователь вводит. Я хотел бы сделать что-то вроде этого: http://jsfiddle.net/bxHQ5/ Обратите внимание, что при вводе в поле ввода слева оно дублирует текст справа.

Чтобы быть более точным, на моем сайте, я использую this form

Я хочу, что пользователь вводит в «автопроизводитель» поле ввода непосредственно копируются в поле ввода «Testfield», как они печатают. Кроме того, текст поля ввода «Testfield» не может быть удален или изменен пользователем после ввода текста в поле изготовителя автомобиля. Они оба должны быть точно такими же.

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

<input id="myrelatedfield" class="jrAutoSuggest ui-autocomplete-input acInstructions" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></input> 

Вы заметите, что я положил свой собственный идентификатор клиента там называется «myrelatedfield» Поле для этого нужно скопировать текст выглядит следующим образом, который имеет пользовательский класс «jr_testfield» ...

<input class="jr_testfield jrText" type="text" data-click2add="0" name="data[Field][Listing][jr_testfield]"></input> 

Спасибо!

+1

и вы пытались? у вас нет кода, показывающего, что вы пытались решить эту проблему. –

+1

u сделать другое текстовое поле для чтения, поэтому никто не может его редактировать .. и он будет копировать те же данные тоже. http://jsfiddle.net/bxHQ5/382/ – Ashish

+0

You может видеть мой код здесь ... извинения за то, что вы не опубликовали его раньше, и я ценю вашу помощь! http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/ Как вы можете видеть, он по-прежнему не работает ... может быть, это конфликт jquery или что-то еще? –

ответ

2

Я Ава обновил код

имеет вид у него

http://jsfiddle.net/vishalgupta358/bxHQ5/383/

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
}); 
+2

'disabled' сделает вход не отправленным при отправке формы. «readonly» может быть лучшим выбором здесь. – DACrosby

+1

или вы можете попробовать использовать функцию 'keypress'. разница находится в «keypress», так как при вводе текстового поля он появится в соседнем текстовом поле, в «keyup» вы увидите контент, только после того, как вы отпустите ключ, так что есть небольшая задержка. Используйте то, что вам подходит. – Pbk1303

+0

Спасибо за помощь. Я использовал код в своем и он не работает. Может быть, конфликт jquery? Вы можете увидеть его здесь: http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/ –

0

Использование readonly="true" собственности для предотвращения значения записи access.Input также будет доступны, когда и отправить форму

HTML:

<input type="text"id="EmailAddress" name="EmailAddress" value="" > 
<input type="text" id="Username" readonly="true" name="Username" value=""> 

Сценарий:

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
}); 

DEMO

+0

Спасибо за помощь! Пожалуйста, ознакомьтесь с моим сообщением выше, чтобы узнать об этом. Я связался с разработчиком компонента Joomla, и он предоставил мне код, который нуждается в tweeking, который вы видите выше. Я ценю всю вашу помощь! –

Смежные вопросы