input type="button"の設置方法

質問

以下のページのscriptを使ってフィルタできる表を作成しています。
-------script--------

function tblfilter(nm,key){
if(!document.getElementsByTagName) return;
var trs = document.getElementById(nm).rows;
for(var i=0; i<trs.length; i++){
var tr = trs[i];
if(!tr.title || tr.title=='') continue;
var found=0;
if(key == '') found=1;
else {
var keys = tr.title.split(',');
for(var j=0; j<keys.length; j++){
if(keys[j] == key){ found=1; break; }
}
}
tr.style.display = found?'':'none';
}
}

-------scriptここまで--------

-------リスト部--------

<select onchange="tblfilter('ex1',this.options[this.selectedIndex].value);">
<option value="">すべて</option>
<option value="海">海の動物</option>
<option value="陸">陸の動物</option>
<option value="鳴く">鳴く動物</option>
</select>
-------リスト部ここまで--------

でtableIDで指定したタグを読み込み、
メニュー内の選択した項目の表がフィルタ表示されるのですが

メニューから、項目をonclickで選択し「選択」ボタンをクリックしてから
フィルタされた表が表示できるようにしたいのですが
うまく実装できません。

どのようにinput type="button"を記述すればよいのか
教えていただけると助かります。

回答No.1

taka451213 · ベストアンサー

こんばんは。

済みません・・・、質問の意図がいまいちわからないので、回答が合っているかどうかわかりませんが・・・、

<select id="filter">
（省略）
</select>
<input type="button" value="フィルタ" onclick="filter();">
とかって書いて・・・、

function filter(){
tblfilter('ex1', document.getElementById("filter").value);
}

とかじゃ駄目ですかね？

お礼

taka451213さん

上記にご提示いただいた方法で完璧に解決できました。

当初、できなかったと申しましたが、

<input type="button" value="フィルタ" onclick="filter();">

を<form></form>の中に記述してしまったのが原因で
こちらのミスでした・・申し訳ないですm(__)m

本当に助かりました。感謝です
ありがとうございました！！

補足

taka451213さん
早速、ご回答いただき有難うございます。

上記の方法を試しましたが、解決できませんでした。

といっても、当方の質問がわかりにくかったことが原因です。

改めて、やりたいことを記させていただきます。

以下のページ
http://www.din.or.jp/~hagi3/JavaScript/JSTips/Std/tbl.htm

のソースで表を作成しました。

プルダウンメニューから項目を選択して、表が表示されるのではなく、
プルダウンメニューから項目を選択後（onclick）、「選択」というbuttonを設置して
そのbuttonをclickすると、フィルタされた表が表示されるようにしたいのです。

今、作成中の<foam>省略</foam>の箇所は、<table>省略</table>の中にあるのですが、
できれば、「選択」ボタンをプルダウンメニューの左横に（同じ<table>省略</table>の中）
設置したいと思っています。

まったくの素人なので、どう記述すればよいのか、詳しくご提示いただけると助かります。

宜しくお願い致します。
思っています。