2012-02-13 27 views
0

フォームの上部にhtmlフィルタを含むテーブルページがあります。フォームが送信されると、選択したフィルタがSQLクエリに適用され、選択されたすべてのフィルタが選択された= 'selected'になります。私はリセットボタンが、選択の最初の値にこれらをリセットする、着信コードで指定されていないしたい。選択された= 'selected'の選択要素を含むHTMLリセットフォーム

それは意味がありますか?例えば

、HTMLだった場合:

<select name='minTV'> 
<option value=0>Min TV 0</option> 
<option value=1000>Min TV 1000</option> 
<option value=1100>Min TV 1100</option> 
<option value=1200>Min TV 1200</option> 
<option value=1300 selected='selected'>Min TV 1300</option> 
<option value=1400>Min TV 1400</option> 
<option value=1500>Min TV 1500</option> 
<option value=1600>Min TV 1600</option> 
<option value=1700>Min TV 1700</option> 
</select> 

今私は、リセットボタンを押したときに、私が最初の値が欲しい、値= 0は、として、1、ない値= 1300を選択しますデフォルトで行われます。私はいくつかの選択ボックスでこれを行う必要があります。

アイデア?できるだけシンプルにしてください。

jQueryはありませんが、Prototypeは問題ありません。

EDIT、応答で1位を答えるために:

私はこの1つは、仕事を得るように見えることはできません。私の選択は次のとおりです。

<button type="reset" value="Reset" onclick="return resetAll();">Reset</button> 

そして、私のjavascriptの機能は次のとおりです:

<select name='div' id='divSelect'> 
<option value=0>All Divisions</option> 
<option value=1 >Premiership East</option> 
</select> 

マイリセットボタンがある

function resetAll() { 
document.getElementById('divSelect').selectedIndex = 0; 
} 

任意のアイデア?

+0

のjQueryを使用するためのオープン? – j08691

+0

いいえjQuery、申し訳ありません - このサイトはプロトタイプを使用しています。私は現在最初の提案を試してみます。 – Chelmet

+0

あなたが与えた答えはうまくいきます。おそらく構文エラーがあるか、関数が宣言されていないのでしょうか? http://jsfiddle.net/1LrktwL5/1/ – Popnoodles

答えて

3

あなたは次にあなたが次のJavaScriptコードで選択した値を変更することができ事例ID =「選択ボックス」のためにあなたのselectタグにIDを与えることができます:あなたがの番号を入力する必要が

document.getElementById('selectbox').selectedIndex = 0; 

注意例えば、value = 1000の場合、selectedIndex = 1と入力します。

function resetAll() { 
 
document.getElementById('divSelect').selectedIndex = 0; 
 
};
<select name='div' id='divSelect'> 
 
<option value=0>All Divisions</option> 
 
<option value=1 selected>Premiership East</option> 
 
</select> 
 
<button type="reset" value="Reset" onclick="return resetAll();">Reset</button>

see on JSFiddle.net

+0

メインの質問に追加 – Chelmet

+0

もう一度見てみてください。 – Chelmet

+0

これを試してください:document.getElementById( 'divSelect')。value = 0; – Giannis

0
document.getElementById('divSelect').selectedIndex = -1; 
+1

ようこそスタックオーバーフロー!あなたの答えがOPの質問を解決する理由についていくつかの説明を追加できますか? – josliber

関連する問題