0

ここで同じテーマに関するいくつかのQ＆Aを読みましたが、それらのほとんどは複雑で、jQueryを使用する傾向がありました。私はjQueryの使い方がわからず、簡単な解決策を探しているので、このトピックに関する別の質問を開くことに夢中にならないことを願っています:-)

次のようなページに選択ボックスがあります。

<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>

新しいオプションを選択したときに、現在のページを再読み込みしたいのですが、選択したオプションを指定する変数をURLに追加します。

これを効果的に行うための最も単純な非jQueryの方法は何でしょうか？

4

1 に答える 1

2

私が正しく理解していれば、次のようなことがうまくいくと思います：

<form>
    <select name="my_select" onchange="submit()">
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
        <option>Option 4</option>
    </select>
</form>

action="#" は現在のページをリロードし、method="get" は select の値を URL に入れることを指定します。onchange="submit()" は、select の値が変更されるたびに送信するようにフォームに指示します。

foo.html ページにいる場合、値を変更すると foo.html?my_select=Option+3# が読み込まれます。

URL に他のパラメーターがある場合、これはそれらを保持しません。つまり、foo.html?a=1 で値を変更しても、新しいページは foo.html?my_select=Option+3# のままです。

于 2012-07-29T00:02:09.840 に答える