php - 尝试在提交前获取菜单值

Question

所以我试图让一个弹出框显示用户何时对某个项目进行评分，但下拉菜单的值不会随之移动。当我提交时，我希望它获取值并将其作为变量放入 URL 中。有什么想法吗？

<form onsubmit="window.open('rateIt.php?rate=<?php echo **THE VALUE OF THE DROP-DOWN** ?>','popup','width=500,height=500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">
  <select name="rate" id="rate">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
  <input name="rateit" type="submit" value="Rate It"/>
</form>

Answer 1

为表单的提交事件提供您自己的函数:

document.getElementById("formId").onsubmit = function(){
    var rateVal = this.rate.value;
    window.open('rateIt.php?rate=' + rateVal);
};

只需确保将此脚本放在页面的底部 中，或放在主体的onload 处理程序中。如果你只是把它放在 head 部分，getElementById 将找不到你的表单，因为 dom 还没有准备好。

编辑

只需确保将 values 添加到这些选项:

    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>