JSPのパラメータでページを更新する

Question

WebアプリケーションにJSPページがあり、オプションのパラメータを使用してページを更新したいとします。

<select class="form-control combobox" name="education" > 
    <option value="" disabled selected hidden>Choose an education</option> 
    <option>English</option> 
    <option>French</option> 
    <option>Dutch</option> 
    <option>Spanish</option> 
</select> 

データベースを再度照会する際にこのパラメーターを使用します。例えば;

<% 

    BookDAO bdao = new BookDAO(); 
    for (TblBooks book : bdao.getAllBooks()) {%> 
    <tr> 
     <td><%=book.getTittle()%></td> 
     <td><%=boek.getAuthor()%></td> 
     <td><%=boek.getCategory()%></td> 
     <td><%=boek.getEducation()%></td> 
     <td><input type='checkbox' name ='chk1' /></td> 
    </tr> 

<% }%> 

私はrequest.getParameter（「教育」）でパラメータを取得することができますが、どのように私は、このパラメータで再びページとクエリをリフレッシュすることができますか？ JavaScriptで

Answer 1

、あなたがで（正確に同じURLを）自分自身をリロードするには、Webページを尋ねることができます。

location.href = location.href; 

あなたは同じメカニズムを使用して別の場所をロードするためにWebページを尋ねることができます。

location.href = 'http://www.google.com'; // or whatever destination url you want 

あなたは（id属性を持っている必要があります）selectコントロールの値を取得できます。

var ctrl = document.getElementById("idOfSelectControl"); 
var selectedOption = ctrl.options[ctrl.selectedIndex].value; 

だから、あなたがコントロールにIDを与えるためにあなたのJSPを更新した場合：

<select class="form-control combobox" id="education" name="education" > 

ページリロードすることができる必要があります：私はそれを解決したジェイソンの助けによって

var educationControl = document.getElementById("education"); 
var selectedOption = educationControl.options[educationControl.selectedIndex].value; 
location.href = "http://mysite.example/mypage?education=" + selectedOption; 

Answer 2

を。私は選択タグにonchangeイベントを追加しました

onchange="changeThePage()" 

私はJavaScript関数を定義しました。

function changeThePage() { 

var selectedOption = "book.jsp?education=" + $("#education option:selected").text(); 

location.href = selectedOption; 

} 

は、私はその後、私は、クエリのための私のbdao.getAllBooks(education))メソッドのパラメータとしてString educationを追加

String education = request.getParameter("education"); 

によってパラメータを得ました。

Answer 3

「

<script> 
function abc(){ 
    var yourSelect = document.getElementById("ddlViewBy"); 
    var val = yourSelect.options[ yourSelect.selectedIndex ].value; 
    //window.location.href=window.location.href; 
    alert(val); 
    window.location.replace("index.jsp?name="+val); 
} 
</script> 

<select id="ddlViewBy" onchange="abc()"> 
    <option>select</option> 
    <option value="1">test1</option> 
    <option value="2">test2</option> 
    <option value="3">test3</option> 
</select> 
<% 
String name=request.getParameter("name"); 
if(name!=null){ 
    %> 
    <table> 
    <tr> 
    <td>author<%=name%></td> 
    <td>book name<%=name%></td> 
    </tr> 
    </table> 

    <% 
} 
%> 

こんにちは、 が、これは参考になる本を試してみてください、あなたが値を選択すると は、それは、ABC、関数を呼び出しますし、あなたもページがあるscriptlet..andにその値を代入していますさわやか。スクリプトレットでは、request.getParameter（ "name"）を使用してその値にアクセスできます。 これでScriptlet..Hopeのコードを書くことができます。:) ありがとう...