チェックボックスにチェックされたものについて、データベースで条件検索をしたいです。
形としては、チェックボックスで任意にチェックできて、最後に送信ボタンを押すと検索結果ページがでてくる仕組みにしたいです。
いちおうこうなってくれればいいんだけど、っていうのがあるんですけど、
例えば、
□goo
をチェックすると
http://www.abc.com/database.cgi?table=xx&search= …
のように語尾に&search=gooがくっついた形でリンクをさせたいです。
チェックが複数の場合は、
□goo
□教えて
□神様
だとすると、
http://www.abc.com/database.cgi?table=xx&search= …教えて,神様
のように,で区切ってリンクをさせたいです。
ちなみに、使ってるデータベースはHeRO DBです。
よろしくお願いします。
No.1
- 回答日時:
Javascriptの問題ではないのですね。
で、
http://www.abc.com/database.cgi?table=xx&search= …教えて,神様
はHTMLの使用としては不可能です。
PerlとかPHPなどで加工すればできないことはないですが、加工するときは一旦受け取らなければいけないので、意味がありません。
(値を送信 -> スクリプトで処理 -> 結果表示 が本来の処理。
質問の処理では
値を送信 -> スクリプトで加工 -> 加工した値を送信 -> スクリプトで処理 -> 結果表示
と、工程が増えるだけ無駄です)
要するに処理するスクリプトの問題です。
No.2
- 回答日時:
送信ボタンをクリックしたときのJavscriptで
チェックボックスのチェック状態を見ながら
URL文字列にパラメータを付加していって
そのURLに飛ばせばいいのではないでしょうか?
この回答への補足
私のしたいことはまさしくそれです。
ただ、URL文字列にパラメータを付加していって、というプログラムの書き方どうしてもわからないんです。
どのように書けばいいのか具体的に教えていただけないでしょうか?
No.3ベストアンサー
- 回答日時:
遅くなってすみません。
こんな感じでどうでしょうか?
3つともチェックを入れるとこうなります。
http://www.abc.com/database.cgi?table=xx&search= …教えて,神様
ちなみにJavascriptを使わず、ただsubmitするとこうなりました。(IE6)
http://www.abc.com/database.cgi?table=xx&search= …
---------------------
<html>
<head>
<script>
<!--
function test() {
var param = "";
var f = document.forms[0];
var chk = f.search;
if(chk) {
if(chk.length) {
// チェックボックスが複数のとき
for(var i = 0 ; i < chk.length ; i++) {
if(chk[i].checked == true) {
if(param != "") {
param += ",";
}
param += chk[i].value;
}
}
}
else {
// チェックボックスが1つしかないとき
if(chk.checked == true) {
if(param != "") {
param += ",";
}
param += chk.value;
}
}
}
// ページを飛ばす
location.replace(f.action + "?table=xx&search=" + param);
}
//-->
</script>
</head>
<body>
<form action="http://www.abc.com/database.cgi" method="get">
<input type="hidden" name="table" value="xx">
<input type="checkbox" name="search" value="goo">goo<br>
<input type="checkbox" name="search" value="教えて">教えて<br>
<input type="checkbox" name="search" value="神様">神様<br>
<input type="button" onclick="test()" value="click me"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
ありがとうございました。大変参考になりました。
自分でも本やホームページを見ながらなんとかつくってみました。また、プログラミングに行き詰ったら質問にきたいと思います。この度は本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
アンケートページでチェックボ...
-
チェックボタンの制御方法
-
checkboxにcheckedされない
-
チェックボックスのON/OFFでVal...
-
return trueとreturn falseの用...
-
特定<table>内の<td>の色を変える
-
value内に変数を入れたい
-
確認ダイアログの出し方(JavaS...
-
至急!GetElementById でtdの...
-
HTML中のTABLEのデータを抽出す...
-
ひ孫に当たるiframe から親ウイ...
-
XMLHttpRequestを利用してPHPへ...
-
innerHTML内では改行は禁止?
-
プルダウンで選択すると、DBの...
-
slickのレスポンシブ > center...
-
onchangeイベントを強制的に発...
-
全てのselect要素をデフォルト...
-
onClick="this.form.submit
-
フォームの値が0だったら空白...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFに応...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
スクリプト内でチェックボック...
-
確認ページからフォームページ...
-
複数のチェックボックス項目が...
-
クリアボタンの動作について
-
フォームのチェックボックスの...
-
チェックボックスとラジオボタ...
-
javascriptでチェックボックス...
-
チェックボックスで合計値を計...
-
チェックボックスを利用した表...
-
checkboxの文字連結の方法を教...
-
JSP内で可変するチェックボック...
-
JavaScriptからの戻り値
-
一つのチェックボックスのON/OF...
-
背景色を変えて未入力チェック...
おすすめ情報