在附加文本字段中显示表单输入

时间:2014-01-07 20:30:44

标签: php jquery html

我正在尝试从同一页面上的表单中填写合同,我有基本的想法,但无法理解我在应用程序中缺少的内容。

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/

1 个答案:

答案 0 :(得分:0)

您没有在这些行中使用正确的名称(变量名称和类名称):

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

我认为previewinput_5应为previewChild1NamePreviewinput_5应为cid_5。你fiddle为我工作,因为你正确地命名了它,这就是为什么我感到困惑。