CGIでキーワード検索システムを使用していますが、FORM等であらかじめ一部の語句だけを設定してお
き、絞込み検索機能も持たせたいと考えています。ただデータを渡す際にうまくいきません。
どなたかデータの引渡しに関して、いい方法があればご教授ください。
使用想定例:
<form method="POST" action="./search.cgi" enctype="multipart/form-data">
<select name="search">
<option value="" selected="selected">指定なし</option>
<option value="ア行">ア行</option>
中略
<option value="ワ行">ワ行</option>
</select>
<select name="search">
<option value="" selected="selected">指定なし</option>
<option value="Men">男性</option>
<option value="Women">女性</option>
</select>
<select name="search">選択項目</select> は追加したいと考えています。
<input type="text" name="search" size="30" value="" />
<input type="submit" name="SUBMIT" value="検索" />
</form>
タグ入力で
http://xxxx.com/search.cgi?search=ア行,Men
と入力した場合、絞込み検索ができるようにはなっています。(カンマでand検索)
ただ、自分の考えている例だと
http://xxxx.com/search.cgi?search=ア行&search=Men&search=
のようにデータが渡されてしまい、検索対象全てがヒットしてしまいます。
フォームのNAME属性が同じものを「,」で連結する。みたいな動作ができればベストなんでしょうが
。
よろしくお願いします。
No.5ベストアンサー
- 回答日時:
>カテゴリを選択しない場合はカンマを付加しないなどといった風にする方法はありませんか?
>また「text」欄にキーワードを入れて、さらにカテゴリを選択した場合、「検索語句ア行,,」みたいにくっついてしまってました。
なるほど、確かにそうですね。あと、text欄も勘違いしていました。
すみませんです。
#2で言われているように別にまとめる欄を作るのがいいですね。
あと、カテゴリを「指定無し」にしている場合は、連結しないようにするというのは、
if(Word[i].value!=""){
}
で囲ってやればいいかと思います。
ありがとうございました。
if(Word[i].value!=""){
}
で囲い、
(最初囲う場所が分からずミスしましたが、、、)
さらに#2でありました通り
<input type="hidden" name="search" value="">
の宣言をして、text欄も「name="category"」に変更しましたら、うまく動作しました。
でもPOSTでは依然としてうまく動作してくれないので、GETで使用しようと思います。
ありがとうございました。
No.4
- 回答日時:
こんな感じでどうでしょう?
<script type="text/javascript">
<!--
//submit時に、「,」で連結する
function cat(){
//selectのnamaは、textのnameとかぶらないようにする
var Word=document.getElementsByName("category");
//同じ名前のモノをカンマで連結する
for(var i=0;i<Word.length;i++){
document.FORM1.search.value += Word[i].value;
if(i+1!=Word.length)
document.FORM1.search.value +=",";
Word[i].disabled =true;//POSTする必要がないので、disableする
}
return true;
}
//-->
</script>
~
<form name="FORM1" method="POST"action="./search.cgi" enctype="multipart/form-data" onsubmit="cat()">
<select name="category">
<option value="" selected="selected">指定なし</option>
<option value="ア行">ア行</option>
<option value="ワ行">ワ行</option>
</select>
<select name="category">
<option value="" selected="selected">指定なし</option>
<option value="Men">男性</option>
<option value="Women">女性</option>
</select>
<input type="text" name="search" size="30" value="" />
<input type="submit" name="SUBMIT" value="検索" />
</form>
この回答への補足
試してみたところ、POSTでうまく受け渡せませんでした。
GETで試したところ、先頭フィールドを選択するとうまく動作しているようなのですが、選択しない場合「,,,」という風になっていて「,」を含む語句を検索しにいっているみたいです。
カテゴリを選択しない場合はカンマを付加しないなどといった風にする方法はありませんか?
また「text」欄にキーワードを入れて、さらにカテゴリを選択した場合、「検索語句ア行,,」みたいにくっついてしまってました。
これも直す方法がありましたら、お教えください。
No.3
- 回答日時:
こんな感じです。
function merge(){
val1=document.form1.xxx.value;
val2=document.form1.xxx.value;
val3=document.form1.xxx.value;
search=val1+','+val2+','+val3
document.form1.search.value=search;
}
各選択肢、テキストフィールドなどを
<select name="xxx" onchange="merge()">
とする。
細かいところの説明は適当なので、あとは自分で試してみてください。
この回答への補足
POSTだとうまく渡せませんでした。
GETで確認してみると
以前と同様に
search=&xxx1=&xxx2=&xxx3=
と引き渡されてました。
難しいですねぇ。
No.2
- 回答日時:
CGIが編集できるなら、別の変数名で値を渡して、CGIで加工して、
$search=ア行,Men
などにして、メインルーチンにつなげば問題ないと思います。
レンタルCGIなど、編集できない場合は、Javacriptを使って、
<input type="hidden" name="search" value="">
と言う非表示フィールドに全ての選択項目をまとめて入れればできます。
その際、実際に選択しているフォームのエレメント名は適当な名前に変えてください。
この回答への補足
>CGIが編集できるなら、別の変数名で値を渡して、…
編集できないのです。しかも検索結果は別の変数指定ができません。
>レンタルCGIなど、編集できない場合は、Javacriptを使って、
もう少し詳しく解説していただければ幸いです。
No.1
- 回答日時:
同じ名前のタグが複数あった場合は、このような形でのリクエストが行われるというのは仕様ですので、これ自体を変える事はできません。
ですから受けるCGI側でこの形式のデータが解析できるように作らなければなりません。「検索対象全てヒットしてしまいます」というのは、or検索をするようにCGIが作られているだけだと思いますので、この場合はand検索を行うようにCGIを修正するしかないのではないでしょうか。
この回答への補足
>同じ名前のタグが複数あった場合は、このような形でのリクエストが行われるというのは仕様ですので、これ自体を変える事はできません。ですから受けるCGI側でこの形式のデータが解析できるように作らなければなりません。
その事は理解しております。CGIの変更ができないので、方法がないか質問させていただいています。
>「検索対象全てヒットしてしまいます」というのは、or検索をするようにCGIが作られているだけだと思いますので、この場合はand検索を行うようにCGIを修正するしかないのではないでしょうか。
and検索しか動作しなくて、この場合最後の「search=」だけが有効になるので全ヒットになっているようなのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
selectboxの画面遷移で、postデ...
-
select値をhiddenのvalueに渡し...
-
コンボ1の内容に応じてコンボ...
-
<select>タグの幅設定
-
INPUT TYPE
-
「value」に2つの値をセットす...
-
iPhoneでセレクトボックスが選...
-
ラジオボタンを選択済みにする...
-
検索窓をクリックすると文字が...
-
Select Case について教えてく...
-
メールフォームのプルダウンメ...
-
ラジオボタンとセレクトメニュ...
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
ディレクトリのファイル数取得
-
チェックボックスの返す値
-
フォントサイズを変えるには?
-
ブックマークからのアクセスを...
-
FC2 掲示版のカスタマイズの仕...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
select値をhiddenのvalueに渡し...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
iPhoneでセレクトボックスが選...
-
リストボックス(multipleなsel...
-
チェックボックスグループの一...
-
検索窓をクリックすると文字が...
-
メールフォームのプルダウンメ...
-
プルダウンメニューでValue値を...
-
チェックボックスの余白を指定...
-
買い物カゴの作成
-
iframeごとに戻るボタンを
-
OPTIONタグにループは使えない...
-
リストボックスの値を複数のテ...
-
select name が反映されません...
-
MIDIのONとOFF。
おすすめ情報