Question

我有一个下拉，有几个月可供选择。

然后我有一个锚标签，可以在点击时打开一个窗口。我正在尝试将所选下拉列表的值传递给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>

现在这里是锚标记

<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>

Answer 2

如果要传递值，请将月份保存在字符串中。然后，当单击锚标记时，将月份附加到具有变量名称的URL ...类似这样的

$('a#detailswindow').on('click', function(e){
   e.preventDefault(); //stop the page from redirecting
   window.open('pages/modals.php?month=' + $('select#datestart').val(),'mywindow','width=1100,height=500');
});

在PHP中，您可以使用

访问变量

$_GET["month"]

将下拉选择的值传递给javascript中的URL以获取锚标记打开窗口

2 个答案: