サブミット前にメニュー値を取得しようとしています

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セクションに入れるだけで、DOMはまだ準備ができていないので、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>