Попытка получить значение меню перед отправкой

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);
};

Просто убедитесь, что вы поместили этот скрипт в bottom вашей страницы или в обработчик onload вашего тела. Если вы просто поместите его в раздел head, getElementById не найдет вашу форму, поскольку дом еще не будет готов.

EDIT

Просто убедитесь, что вы добавили 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>