Question

我有三个<a>标签，每个标签都必须调用我的引导程序模式，我传递了一个名为data-id的属性，每个<a>的内部都有值，例如：Delete，Details和Edit

当我单击其中的一个时，它将调用我的模态并在模型输入文本和按钮的同时传递此值。
我在此文本中输入了数字，然后按按钮，具体取决于我的按钮将使我进入具有该数字的特定页面


<li class="">
   <a href="" data-toggle="modal" data-target="#myDeleteModal" class="myButtonKind" data-id="Delete">@_localizer["DELETE"]</a>
   <span class="icon-thumbnail">-</span>
</li>

<li class="">
   <a href="" data-toggle="modal" data-target="#myDeleteModal" class="myButtonKind" data-id="Details">@_localizer["DETAILS"]</a>
   <span class="icon-thumbnail">info</span>
</li>

<li class="">
   <a href="" data-toggle="modal" data-target="#myDeleteModal" class="myButtonKind" data-id="Edit">@_localizer["EDIT"]</a>
   <span clas`enter code here`s="icon-thumbnail">ED</span>
</li>

这是我的模态：

<div class="modal fade" id="myDeleteModal" style="display: none;">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">@_localizer["Delete Employee"]</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">

                <div class="form-group">
                    <label>@_localizer["Number Of Employee"]</label>
                    <input id="in1" type="number" class="form-control" />
                </div>
            </div>

            <script>
                function myFunc() {
                    var valueID = document.getElementById("in1").value;
                    return valueID;
                }

                $(document).on('click', '.myButtonKind', function () {
                    var myKind = $(this).data('id');
                    if (myKind == "Delete") {
                        $("#buttonKind").attr("onclick", "location.href = /Employees/Delete/" + myFunc());
                    }
                    if (myKind == "Details") {
                        $("#buttonKind").attr("onclick", "location.href = '/Employees/Details/'" + myFunc());
                    }
                    if (myKind == "Edit") {
                        $("#buttonKind").attr("onclick", "location.href = '/Employees/Edit/'" + myFunc());
                    }

                });

            </script>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button id="buttonKind" onclick="" class="btn btn-info" data-dismiss="modal">@_localizer["GO"]!!!</button>
            </div>
        </div>
    </div>
</div>

无法给出引导模态值

0 个答案: