ドロップダウンボックスに基づいてページをリロードする方法

Question

私は動的に生成されたテーブルを含むjspページを持っています。テーブルに入力されるデータは、ドロップダウンボックスで決定されます。これはjavascriptで行うことができると思いますが、残念ながら私はJSに精通していません。そこでここではいくつかのサンプルコードは次のとおりです。

 <p> Please select a number: 
    <select name="selectNumber" id="selectNumber"> 
     <option value="1" <%if (number.equals("1")) {%>selected<%}%>>1</option> 
     <option value="2" <%if (number.equals("2")) {%>selected<%}%>>2</option> 
     <option value="3" <%if (number.equals("3")) {%>selected<%}%>>3</option> 
     <option value="4" <%if (number.equals("4")) {%>selected<%}%>>4</option> 
     <option value="5" <%if (number.equals("5")) {%>selected<%}%>>5</option> 
     <option value="6" <%if (number.equals("6")) {%>selected<%}%>>6</option> 
    </select> 
    </p> 

だから私はこのようにドロップダウンを使用して、このようにパラメータ番号を取得しています：私はできるスクリプトがある場合

if (request.getParameter("selectNumber") !=null) {number = (String)request.getParameter("selectNumber")  ;} 

だから基本的に私は思っていましたドロップダウンの1つが選択されたら、ページをリロードすると、指定した「数値」をテーブルに取り込むことができますか？また、AJAX/jQueryでこれを行うことに反対しているわけではありません。以前はAJAX呼び出しを使用したことがないので、ちょっとしたヒントが必要です。前もって感謝します。

Answer 1

次のコードを使用して（JavaScriptがリダイレクト）ページの場所を変更するためにJavaScriptを使用することができます。

window.location = 'http://server.com/page.asp'; 

は、選択ボックスのためのonchangeイベントにそのコードを取り付け、それがページにリダイレクトされます。 onchangeイベントは選択ボックスがフォーカスを失ったときにのみ起動するため、選択ボックス内の各オプションにonclickイベントをアタッチすることもできます。選択したオプションの値を表すデータをGET経由で送信できます。

次の例を参照してください。 onchange（selectにアタッチ）とonclick（オプションにアタッチ）に注目してください。

​​