javascript - 将下拉选择的值传递给 JavaScript 中的 URL，以打开 anchor 标记窗口

Question

我有一个下拉菜单，其中有几个月的选项。

然后我有一个 anchor 标记，单击时会打开一个窗口。我正在尝试将所选下拉列表的值传递给 URL，以便在打开窗口后我将使用 post 检索它。

这是下拉列表。

<select name="datestart" id="datestart" class="form-control" style="width:500px;">
          <option value="">--Select Month--</option>
          <option value="01">January</option>
          <option value="02">February</option>
          <option value="03">March</option>
          <option value="04">April</option>
          <option value="05">May</option>
          <option value="06">June</option>
          <option value="07">July</option>
          <option value="08">August</option>
          <option value="09">September</option>
          <option value="10">October</option>
          <option value="11">November</option>
          <option value="12">December</option>
        </select>

现在这是 anchor 标记

<a href="#" id="detailswindow" onclick="window.open('pages/modals.php','mywindow','width=1100,height=500');"><span class="glyphicon glyphicon-th-list"></span> Details</a>

这是我到目前为止的 JavaScript，但仍然无法正常工作

<script type="text/javascript">
     var datestart = document.getElementById("datestart");
     var link = document.getElementById("detailswindow");
     if(datestart.value == "01")
       {
          link.href = "pages/modals?mode=modename&theme=Standard";
       }
</script>

Answer 1

您需要更改处理点击的方式。不使用硬编码的 window.open 创建一个函数:

function handleClick() {
    var dropDown = document.getElementById('datestart');
    var dropValue = dropDown.options[dropDown.selectedIndex].value;

    window.open('pages/modals.php?param=' + dropValue ,'mywindow','width=1100,height=500')
}

加载该页面时，您将可以访问param。

<a href="#" id="detailswindow" onclick="handleClick()">
     <span class="glyphicon glyphicon-th-list"></span> Details
</a>