Question

我的html代码，我存储id：

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

html代码我正在获取id， $ 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>

我想将变量imageId放入按钮值属性，因为我想存储在按钮值属性而不是输入属性。

当我改变孩子时，它不起作用

$(".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

我只是简化了问题并向您展示了如何更改另一个按钮上的按钮值

＆＃13;

   $(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"));
           
  });
   });

＆＃13;

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

＆＃13;

如何将`value`属性设置为按钮元素

2 个答案: