Я пытаюсь заключить контракт со значениями из формы на одной странице, у меня есть основная идея, но я не могу понять, чего не хватает в моем применении.
jQuery(function($) {
var input_5 = $('#input_5');
var Child2Name = $('#Child2Name');
var previewinput_5 = $('.Previewinput_5');
var preview2ChildName = $('.PreviewChild2Name');
input_5.keyup(function(e) {
previewChild1Name.text(input_5.val()); });
Child2Name.keyup(function(e) {
preview2ChildName.text(Child2Name.val()); });
});
<li class="form-line" id="id_5">
<label class="form-label-left" id="label_5" for="input_5">
Legal Business Name<span class="form-required">*</span>
</label>
<div id="cid_5" class="form-input">
<input type="text" class=" form-textbox validate[required]"
data-type="input- textbox" id="input_5" name="q5_legalBusiness"
size="20" value="" />
</div>
</li>
<input type="text" name="child2name" id="Child2Name" />
<Label>Child2 Name</label>
Whether its what <span class="input_5"></span> <br>
Whether its what <span class="PreviewChild2Name"></span> <BR>
Вторая часть работает нормально, первая, очевидно, имеет проблемы с отображением фактической формы
Вы не используете правильные имена (имя переменной и имя класса) в этих строках:
var previewinput_5 = $('.Previewinput_5');
Whether its what <span class="cid_5"></span>
Я предполагаю, что previewinput_5
должен быть previewChild1Name
и Previewinput_5
должны быть cid_5
. Ваша fiddle
работала для меня, потому что вы правильно назовете ее, поэтому я смутился.