Question

我的页面中有一个表，我从中获取数据库中的数据。在某些单元格中，我有一个编辑图标。我希望当用户点击它时，他们会看到一个弹出窗口。

在弹出窗口中，我想显示三个选项（复选框），用户只能选择其中一个，然后单击OK按钮，并将所选选项的值返回到数据变量。（正如您在下面的代码中看到的那样）

我必须提一下，现在当用户点击编辑图标时，一些信息会被发送到另一个文件。因为我需要更新数据库。

   $(".SSO").click(function () {
    var id = $(this).attr("data-id");
    var data= HERE I NEED TO GET THE VALUE OF THE SELECTED OPTION IN THE POP UP WINDOW
  }

因此SSO是图像图标的class属性的值。 data-id值有助于更新数据库中的正确记录。

现在这是一个文件中的代码：

 $(".SSO").click(function()

 {
   var id = $(this).attr("data-id");
   // open popup window and pass field id
   window.open('sku.php?id=' + encodeURIComponent(id),
       'width=400,toolbar=1,resizable=1,scrollbars=yes,height=400,top=100,left=100');
}

这是sku.php中的代码

  <script type="text/javascript">
        function sendValue (s){
          var parentId = <?php echo json_encode($_GET['id']); ?>;
          window.opener.updateValue(parentId, s);
          window.close();
          window.close();
        }
        </script>

        <form name="selectform">
        <input type=button value="OK" onClick="sendValue(document.querySelector('.messageCheckbox:checked').value);"
       </form>

现在Mu形式只有OK按钮，当我点击编辑按钮时，没有任何反应。我不应该看到一个弹出窗口，里面有OK按钮吗？

Answer 1

通常，弹出窗口显示为alert()或类似的东西，这会导致浏览器创建一个实际的弹出窗口。这种弹出窗口不能添加HTML元素。你可以这样做http://www.codeproject.com/Tips/170049/Pure-HTML-CSS-Modal-Dialog-Box-no-JavaScript

我在网站上使用了这些，我很喜欢它们，但我不是css :target选择器的粉丝，所以我用Javascript打开它，但它几乎是一样的。< / p>

单击图标时，弹出一个带有复选框列表的窗口

1 个答案: