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，因此僅在其中寫入標籤是沒有意義的。