Question

我有一个操作按钮，当单击该按钮时会打开一个模式，该按钮具有一个名为blockNo的值属性，带有值。现在，我想捕获该值并将其插入到单击按钮时打开的模式中的文本字段中。

按钮

<button class="btn btn-info btnAddADM" idMark="'.$value["id"].'" blockNo="'.$value["blockNo"].'" data-toggle="modal" data-target="#addADM"><i class="fa fa-sort-numeric-asc"></i></button>

模态上的输入字段

<input class="form-control input-lg" type="text" id="newBlock" name="newBlock" value="" readonly>

谢谢

* Edit1

页面

页面包含从数据库加载的数据，每行有3个按钮分别用于编辑，插入新数据和删除。这里的问题是关于中间按钮，该按钮打开一个模式以将数据插入数据库中的新表中。

web page picture

modal picture

现在在图片中空白的第一个字段中，我想从表中捕获块号并自动将其插入，因为它是id字段。在应用Rohit提供的解决方案后，它仅适用于第一行按钮，而对于其他行按钮，有时会占用第一行的块号，有时会占用空白。我希望它显示相应的行块号。

javascript文件代码

    $(document).ready(function(){
      $("#btnAddADM").click(function(){
         $("#blockNo").val($(this).attr("blockNo"));
      });
    });

按钮代码

<button class="btn btn-info btnAddADM" id="btnAddADM" idMark="'.$value["id"].'" blockNo="'.$value["blockNo"].'" data-toggle="modal" data-target="#addADM"><i class="fa fa-sort-numeric-asc"></i></button>

输入域代码

<input class="form-control input-lg" type="text" id="blockNo" name="blockNo" readonly required>

Answer 1

尝试一下：

$(document).ready(function(){
  $("#ClickMeButton").click(function(){
    $("#blockNo").val($(this).attr('blockNo'));
  });
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="ClickMeButton" blockNo="123456" >Click me </button>
 <input type="text" id="blockNo">

Answer 2

我在此link上遵循了mg1075的答案，并根据答案对代码进行了一些小的更改，现在一切正常。感谢MG1075和Rohit

所做的更改如下

JS代码

$(document).on("click", ".open-btnAddADM", function () {
 var blockNo = $(this).data('id');
 $(".modal-body #blockNo").val( blockNo );

}）;

按钮代码

<button class="btn btn-info open-btnAddADM" id="btnAddADM"  idMark="'.$value["id"].'" data-id="'.$value["blockNo"].'" data-toggle="modal" data-target="#addADM"><i class="fa fa-sort-numeric-asc"></i></button>

输入标签代码

<input class="form-control input-lg" type="text" id="blockNo" name="blockNo" value="" readonly required>

如何捕获按钮标签的属性值并将其插入模态的输入字段中？

2 个答案: