Insert value in Input Value with JS

Question

I’m trying to bring a value that when clicking a button brings in an input that works but the value does not appear inside the Value input so I can’t capture this value via PHP.

Follows the code

https://jsfiddle.net/felipefranco/2fkje6m4/3/

Knob

<a href="#my_modal" data-toggle="modal" data-fornecedor-id="<?php echo $rowPedido->id; ?>"><img src="img/lupa.png"  ></a>

Input

<input type="text" name="idPedido" id="idPedido" value="" />

JS

  $('#my_modal').on('show.bs.modal', function(e) {
var idPedido = $(e.relatedTarget).data('fornecedor-id');

document.getElementById('idPedido').value = idPedido;    

});

Answer 1

To display the value in the value attribute as you wish, do it as follows:

$(document).on("click", ".open-AddBookDialog", function () {
     var myBookId = $(this).data('id');
     $(".modal-body #bookId").attr('value', myBookId );
});

Note that it is used .attr('value', myBookId ) instead of .val(myBookId )

https://jsfiddle.net/2fkje6m4/7/

Answer 2

Try it this way and tell me if it worked out what you wanted:

$('#my_modal').on('show.bs.modal', function(event) {

  var $target = [];
      $target['fornecedor-id'] = $(event.relatedTarget).data('fornecedor-id');
      $("#idPedido").val($target['fornecedor-id']);

});