サポート » 使い方全般 » 記事の検索のときにチェックボックスで検索する範囲を制限できるように

  • よろしくお願い致します。

    記事を検索する時に、
    タグや投稿内容、投稿者など、何を検索対象とするかを
    サイトに訪問して下さった方々に選んでいただきたいと思い、
    調べていたところ、
    フォーラムで以下のようなトピックをみつけました。

    チェックボックスで複数選択して検索結果に出したいのですが

    その中で紹介されていたコードです。

    <script language="JavaScript">
    	function allcheck(chkFrm){
    		//検索用文字列
    		strcode = "";
    
    		//form内のオブジェクトを全て探査
    		for(n=0;n <= chkFrm.length - 1;n++){
    			//それがチェックボックスなら処理
    			if(chkFrm.elements[n].type == "checkbox"){
    				//チェック入っているものだけ処理
    				if(chkFrm.elements[n].checked){
    					//検索用文字列生成、初回か否か
    					if(strcode == ""){
    						//先頭の物にはカンマを付けない
    						strcode = chkFrm.elements[n].value;
    					}else{
    						//検索用文字列連結
    						strcode = strcode + "," + chkFrm.elements[n].value;
    					}
    				}
    			}
    		}
    		//手っ取り早くテキストボックスに渡して検索させる
    		chkFrm.cat.value = strcode;
    	}
    </script>
    <!-- actionは自分の物をお願いします -->
    <form name="send_form" id="send_form" method='GET' action='http://dmain.net/wordpress'>
    	<table>
    		<tr>
    			<td><input type='checkbox' name='check1' id='check1' value='1'><label for='label-CK1'>チェックボックス1</label></td>
    			<td><input type='checkbox' name='check2' id='check2' value='2'><label for='label-CK2'>チェックボックス2</label></td>
    		</tr>
    		<tr>
    			<td><input type='checkbox' name='check3' id='check3' value='3'><label for='label-CK3'>チェックボックス3</label></td>
    			<td><input type='checkbox' name='check4' id='check4' value='4'><label for='label-CK4'>チェックボックス4</label></td>
    		</tr>
    	</table>
    
    	<div class="outLine">
    		<!--見えないテキストボックス(文字列検索用)-->
    		<input type="text" name="s" id="s" size="50" style="display:none"/><br />
    		<!--見えないテキストボックス(カテゴリ検索用)-->
    		<input type="text" name="cat" id="cat" size="50" style="display:none"/><br />
    		<!--見えないテキストボックス(タグ検索用)-->
    		<input type="text" name="tag" id="tag" size="50" style="display:none"/><br />
    	</div>
    
    	<div class='btn'>
    		<input type="image" src="<?php bloginfo('template_directory'); ?>/images/kensaku.jpg" id="submit" value="検索" onClick="allcheck(this.form)"/>
    	</div>
    </form>

    このコードを用いることで、自分で選択できる、ということだったのですが、
    貼り付けをしてみたところ、4つのチェックボックスが表示されるだけで、
    機能している様子が見られませんでした。
    (ここで表示されるそれぞれのチェックボックスがどのように機能しているのかも
     自分では理解できませんでした。)

    ただ、このコードを工夫することで、選択範囲を訪問者が
    決められるのでは?
    と思ったのですが、自分自身がこのコードをどう工夫すればよいか
    わからなかったので、ここで質問させていただきました。

    コードを書いてくださっていましたCyberCypherさんには
    失礼にあたるかもしれませんが、
    検索範囲の指定は出来るようにしたいので
    トピックをたてて、解決させていただきたいと考えています。

    もし、上記のコードだけでなく、
    他の方法をご存じという方は、その方法も教えていただけますと
    大変助かります。

    申し訳ありませんが、よろしくお願い致します。

  • トピック「記事の検索のときにチェックボックスで検索する範囲を制限できるように」には新たに返信することはできません。