Как получить обновленное значение поля ввода?

Question

Я пытаюсь получить обновленное значение поля ввода. на самом деле я обновляю значение, используя функцию клавиатуры jquery. и пытается получить его нажатием кнопки. но не могу обновить пожалуйста помогите.

$('#simple').keyup(function() {
   var keyed = $(this).val();
   $("#code").val(keyed);
 });

 var htmlString = $('#code').val();

   $(document).ready(function() {
      $("#snippet").click(function(){
          alert(htmlString);
      }); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="simple"></textarea>

<input type="hidden" id="code" value="">

<button id="snippet">Click</button>

Answer 1

Вам нужно поместить вашу переменную-держатель htmlString внутрь вашей onclick функции, чтобы вы могли получить обновленное значение.

$('#simple').keyup(function() {
  var keyed = $(this).val();
  $("#code").val(keyed);
});


$(document).ready(function() {

  $("#snippet").click(function() {
    var htmlString = $('#code').val();
    alert(htmlString);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<input type="hidden" id="code" value="">
<input type="text" id="simple" value="">
<button id="snippet">Click</button>