JQuery自动更新隐藏输入

Question

我正试图用正在输入的值更新隐藏的输入。

如果您在名称文本输入框中输入“富酒吧”，我想隐藏ITEM_NAME成为“申请费，以富酒吧”为更可读的

<input type="text" class="input-xlarge" id="name" name="name" id="appendedInputButton" placeholder="Studnet's Name"> 
<button type="submit" class="btn btn-primary" >Next</button> 
<script type="text/javascript"> 
$("#name").on("keyup change", function() { 
var value = this.value; 
<input type="hidden" name="item_name" value="Apply Fee to ". $("#dom_element").text(value); /> 
}); 
</script> 

Answer 1

<input type="text" class="input-xlarge" id="name" name="name" placeholder="Studnet's Name" /> 

<input id="myHidden" type="hidden" name="item_name" /> 

<button type="submit" class="btn btn-primary" >Next</button> 
<script type="text/javascript"> 
    $("#name").on("keyup", function() { 
    var value = $(this).val(); 
    $("#myHidden").val("Apply Fee to " + value); 
    }); 
</script> 

Answer 2

只是有点新手：D

$('#name').on('keyup', function() { 
    var hidden_input = $('#your_hidden'); 
    var prepend_txt = 'Apply Fee to'; 
    var name_val = $(this).val(); 
    hidden_input.val(prepend_txt+' '+name_val); 
}); 

Answer 3

您不能在脚本代码中添加这样的标签。你可以看到调试控制台按F12来查看那实际上是无效的。这样的事情必须做的伎俩：

<input type="text" id="studentname" class="input-xlarge" name="name" placeholder="Studnet's Name"> 
<button type="submit" class="btn btn-primary" >Next</button> 
<input type="hidden" name="item_name" value="" id = "hiddeninput" /> 

<script type="text/javascript"> 
/* Trigger function when the #studentname input is changed */ 
$("#studentname").change(function() { 
    /* Make the hidden input value be the value of the input, pre-pending the "Apply fee to " */ 
    $("#hiddeninput") . val("Apply Fee to " + $(this).val()); 
    }); 
</script> 

注：

1. 所有的HTML标签只能有1号和ID必须是在一个页面是独一无二的。
2. Javascript/jquery修改html。它不会自行显示HTML，因此仅在其中写入标签是没有意义的。