JQuery 숨겨진 입력 자동 업데이트

Question

숨겨진 입력을 입력중인 값으로 업데이트하려고합니다.

당신은 이름 텍스트 입력 상자에 "푸 바"를 입력하면, 내가하고 싶은 "푸 모음에 요금을 적용"

<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

그냥 조금 더 읽기에 대한되기 위해 ITEM_NAME을 (를) 숨겨진 초보자 : 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를 눌러 디버그 콘솔이 실제로 유효하지 않은지 확인할 수 있습니다.

이

1. 모든 HTML 태그는 한 ID를 가질 수 있으며 ID는 페이지에서 고유해야합니다 :

   <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> 
   

   참고 : 이런 식으로 뭔가 트릭을 할해야합니다.

2. Javascript/jquery가 html을 수정합니다. 자체적으로 HTML을 표시하지는 않기 때문에 내부에 태그를 작성하는 것은 의미가 없습니다.