在附加文本字段中顯示錶單輸入

Question

我想要在同一頁面上使用表單中的值填充合同，我有基本的想法，但無法理解我的應用程序中缺少的內容。

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 it’s what <span class="input_5"></span> <br> 
Whether it’s what <span class="PreviewChild2Name"></span> <BR> 

第二部分工作正常，首先是明確其實際形式如何被顯示

http://jsfiddle.net/3dMqU/10/

Answer 1

您沒有使用正確的名稱（變量名和類名的問題）在這些行：

var previewinput_5 = $('.Previewinput_5'); 
Whether it’s what <span class="cid_5"></span> 

我認爲previewinput_5應該previewChild1Name和Previewinput_5應該是cid_5。你的fiddle爲我工作，因爲你正確的命名，這就是爲什麼我感到困惑。