Question

我有PHP代码吐出HTML表格。在这一行中，我有一个输入类型= \“复选框\”，它将id = \“$ Row [ID_NUMBER]} \”发送到一个模态窗口。这是使用复选框打印行数据的echo语句。注意行中的额外数据字段。

 echo "<tr><td><input type=\"checkbox\" id=\"{$Row[ID_NUMBER]}\" data-info=\"{$Row[BOL_NUMBER]}\" name=\"checkMr[]\" /></td></tr>";

以下是检索id = \“{$ Row [ID_NUMBER]} \”的javascript，并将其显示在模态窗口中：

 <script type="text/javascript">
   $(function modalForm(){
     $('a').click(function modalForm(){
     var selectedID = [];
     $(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){
       selectedID.push(this.id);
     });
     $(".modal-body #idNumber").val( selectedID );
     });
   });
 </script>

当然有一个按钮通过onclick =“modalForm（）;”调用javascript函数我觉得我不需要告诉你。但是，这里是模态打印#idNumber的地方：

 <label>Container Selected</label>
 <input disabled type="text" name="idNumber" id="idNumber" placeholder="no containers selected" />

在从数据表中检索id时我需要做的是检索data-info = \“{$ Row [BOL_NUMBER]} \”并将其发送到模态窗口。我有一个boNumber的输入字段，它位于idNumber：

下面

 <label>Bol Selected</label>
 <input type="text" name="bolNumber" id="bolNumber" />

我知道这可以在上面的相同javascript函数中完成。任何帮助将不胜感激。

Answer 1

$(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){    
    selectedID.push(this.id);
    // get the data-info from checkbox and set value in modal
    $("#bolNumber").val($(this).attr('data-info')); 
});

Javascript变量发送到模态

1 个答案: