Question

我当时正在考虑使用引导程序模式来选择类别并重新排序产品列表。

从下拉列表中，我可以选择要重新排序的类别列表，但是选择类别后使用javascript加载产品，模态窗口关闭。也许我想以无法完成的方式使用模态？

    <div class="modal-body">
       <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="get" name="mdlfrmListProduct" id="frmListProduct"> 
    <div class="tbl-cell tbl-cell-title col-md-5">
         <select name="modalCategory" class="form-control" id="modalCategory" onChange="modalProduct();"
       required />
   <option value="">Select category</option>

 <?php  echo CategoryTree(); ?>  
    </select>
      </div>
        </form>


function modalProduct()
{
    with (window.document.mdlfrmListProduct) {
        if (modalCategory.selectedIndex == 0) {
            window.location.href = 'index.php';
        } else {
            window.location.href = 'index.php?catId=' + modalCategory.options[modalCategory.selectedIndex].value;
        }
    }
}
</script>
        </div>

Answer 1

模态随display：none一起提供，直到调用它为止。

调用模态并触发onchange函数时，将重新加载页面。当然，模态不再被调用和隐藏。

由于您想从服务器中删除更改，因此最好通过AJAX从服务器加载更改，然后使用javascript设置值。

引导模式和JS onChange（），可以吗？

1 个答案: