将 javascript 变量传递给模式弹出表单答案

【问题标题】：pass javascript variable to modal popup form将 javascript 变量传递给模式弹出表单
【发布时间】：2019-04-21 15:20:12
【问题描述】：

点击.change_Nodes 类我得到“id”的值，在确认框（是）我需要将JavaScript 值传递给名为#custom_script_modal 的模式弹出窗口。

$(document).on("click",".Change_Nodes",function(){

  cmd_name = $(this).attr("id");

  if(confirm("Sure to Update \""+cmd_name+"\" Command Executable Nodes?"))
  {
    $('#custom_script_modal').modal('show');
  }
  else
  { return false; }
}
); //update: removed extra curly brace

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="modal fade" id="custom_script_modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center" id="custom_script_data_modal">Update Custom Script Executable Nodes</h4>
            </div>
            <div class="modal-body">
                <form method="POST" id="custom_script_modal">
                    <label class="control-label col-sm-4" for="cmd">List of Nodes</label>
                    <div class="col-sm-8 tab-pan fade in active">
                        <select size="3" name="popup_hostlist[]" id="popup_hostlist" class="dis_tab" multiple>
                            <?php    
                                //-----------Database                                                                           echo "<option value='". $row['NodeName'] . "'>". $row['NodeName'] ."</option>";           
                            ?>
                        </select>
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-info form-control">Update</button>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

【问题讨论】：

也许可以创建一个新函数来显示模型并接受参数。然后你可以在函数内部对参数做任何你喜欢的事情。
cmd_name = $(this).attr("id");警报（cmd_name）；功能 cmd(cmd_name){ 警报(cmd_name); } **cmd_name 未定义 **
类Change_Nodes的元素在哪里？
您的 JavaScript ) 末尾缺少右括号
<td><a href="#" title="Add Script Executable Node(s)" class="Change_Nodes" name="Change_Nodes" id="'.$row["Command_Name"].'"><img id="edit" src="images/edit.png" align="EDIT"/></a></td> 记录我通过 AJAX @MihaiT 调用的类

标签： javascript jquery ajax bootstrap-4

【解决方案1】：

据我了解 - 您希望更改“cmd_name”变量的动态值并在 UI 上进行任何特定选择时更改它，并为这些操作重新使用相同的模式 sn-p。

为“cmd_name”的可操作元素设置数据属性，并在提示用户时访问相同的变量。

查看以下 JSFiddle，如果对您的案例有帮助，请告诉我：

(https://jsfiddle.net/sunnysharma/xpvt214o/950935/)

【讨论】：