Как установить `value` атрибут кнопки элемента

Question

Мой HTML-код, где я хранить идентификатор:

<div class="image-id-holder"> 
    <button value=imageID> 
    <input type="text" value=imageId /> 
</div> 

HTML код где я получаю идентификатор, $ ID приходя от в то время как функция от PHP скрипт

<a href=\"#edit\" data-toggle=\"modal\"> 
    <button class=\"btn btn-primary image-id-btn\" data-image=$id>edit 
    </button> 
</a> 

у меня есть код JavaScript:

script> 
     $(function(){ 
     $(".image-id-btn").on("click", function(){ 
      var imageId = $(this).attr("data-image"); 
      alert(imageId); 
      $(".image-id-holder").children("input").val(imageId); 
      }); 
     });  
</script> 

я хочу поставить Varia ble imageId в значение свойства кнопки, потому что я хочу сохранить свойство button-value вместо свойства ввода.

, когда я изменить детей это не работает

$(".image-id-holder").children("button").val(imageId); 

Я задаю этот путь:

<button value=imageId> 

Вся идея заключается в том, чтобы заполнить все поля в форме для редактирования, так что пользователь не имеет переписать все поля в форме.

Answer 1

Попробуйте использовать attr или prop:

$(".image-id-holder").children("button").attr('value', imageId); 

или

$(".image-id-holder").children("button").prop('value', imageId); 

Answer 2

Я просто упрощая вопрос и показать вам путь, чтобы изменить значение кнопки на другую кнопку мыши

$(document).ready(function() { 
 
     $(".image-id-btn").on("click", function(){ 
 
      var imageId = $(this).attr("data-image"); 
 
      alert(imageId); 
 
      
 
      $(".image-id-holder").children("button").attr("value",imageId); 
 
      
 
      $(".image-id-holder").children().children("input").attr("value",imageId) 
 
      alert($(".image-id-holder").children("button").attr("value")); 
 
      
 
    }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="image-id-holder"> 
 
    <button value="imageID"> 
 
    <input type="text" value="imageId"/> 
 
</div> 
 
    
 
<a href="#edit" data-toggle="modal"> 
 
    <button class="image-id-btn" data-image="changevalue">edit 
 
    </button> 
 
</a>