html - Pass span value to a hidden input

Question

My span is a dynamic value (integer). I need to pass the value that is apearing in span to my input.

This should be possible with jquery but i don't know how.

<span class="id-label"></span>
<input type="hidden" id="label" name="label" value="" />

$(document).ready(function() {
  var table = $('#example').DataTable();
  
  $('#example tbody').on('dblclick', 'tr', function() {
    if ($(this).hasClass('selected')) {
      $(this).removeClass('selected');
    } else {
      table.$('tr.selected').removeClass('selected');
      $(this).addClass('selected');
      $('.id-label').text($(this).closest('tr').find('td:first').text());
      $('#classModal').modal('hide');
    }
  });
});

question from:https://stackoverflow.com/questions/66048074/pass-span-value-to-a-hidden-input

Answer 1

Given the code in the question you're retrieving a value and setting it as the text() of the .id-label, you can use the same value and set it as the val() of your target input:

$(document).ready(function() {
  var table = $('#example').DataTable();
  
  $('#example tbody').on('dblclick', 'tr', function() {
    let $tr = $(this);

    if ($tr.hasClass('selected')) {
      $tr.removeClass('selected');
    } else {
      table.$('tr.selected').removeClass('selected');
      $tr.addClass('selected');
      $('#classModal').modal('hide');

      let targetValue = $tr.find('td:first').text();
      $('.id-label').text(targetValue);
      $('#label').val(targetValue);
    }
  });
});

Note that I removed .closest('tr') as this refers to the tr already.