询问一个简单的搜索问题

webeidolon 2010-09-27 03:08:23

搜索选项主要有以下内容和功能如下，下拉列表中有“产品”和“资料”选项，后面是输入文本框和提交按钮，如何实现在选择“产品”点击按钮时是就搜索“产品”，而在选择“资料”点击按钮时时就搜索“资料”，这应该是很简单的问题，怎么搞，我主要是不熟悉JavaScript代码？





<html>

<head>

<title>选择搜索CsrCode.Cn</title>

</head>

<body>

<form>

<select name="">

  <option>产品</option>

  <option>资料</option>

</select>

<input name="" type="text" />

<input name="" type="button" />

</form>

</body>

</html>

...全文

105 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

webeidolon 2010-09-28

打赏
举报

[Quote=引用 6 楼 theforever 的回复:]
……提交到不同的PHP页面.这个是很笨的方法，PHP,应该学到模板和控制器.提交到同一个控制器页面……
[/Quote]
我按照笨办法做了一个：



<html>

<head>

<title>多搜索跳转</title>

</head>

<body>

<form id="mainform" name="mainform" method="post" action="?">

  <label>

  <input name="mkey" type="text" id="mkey" value="" />

  </label>

  <label>

  <select name="allsear" id="allsear">

    <option value="1">产品</option>

    <option value="2">资料</option>

  </select>

</label>

  <label>

  <input type="button" name="button" id="button" value="搜索" onClick="subs();" />

  </label>

</form>

<script>

function subs()

{

  var myvalue=document.getElementById("allsear").options[document.getElementById("allsear").selectedIndex].value;

  var keytext=document.mainform.mkey.value;

  var urls;

  switch(myvalue)

  {

  case "1":

  urls="http://localhost/ctdeb/product.php?kind=%25&brand=%25&kws="+keytext;

  break

  case "2":

  urls="http://localhost/ctdeb/data.php?kind=%25&kws="+keytext;

  break



}

window.location.href=urls;

}

</script>

</html>

webeidolon 2010-09-28

打赏
举报

感谢大家的热心帮助

funfun5433 2010-09-27

打赏
举报





<html>

<head>

<title>选择搜索CsrCode.Cn</title>

<script language="javascript" type="text/javascript">

function huihui()

{

   

var textattr=document.getElementById("kk");

var sellectattr=document.getElementById("fun");



 for(var i=0;i<sellectattr.length;i++)

    {

         if(sellectattr[i].selected==true)

        {

           

           if(sellectattr[i].innerHTML=='产品')

			{

		     window.location.href="b.php?attr="+textattr.value;

		   }

		   else if(sellectattr[i].innerHTML=='资料')

			{

		     window.location.href="c.php?attr="+textattr.value;

		   }

         }

 

 }







}



</script>

</head>

<body>

<form>

<select name="" id="fun">

  <option></option>

  <option>产品</option>

  <option>资料</option>

</select>

<input name="" type="text" id="kk"/>

<input name="" type="button" onclick="javascript:huihui();"/>

</form>

</body>

</html>

b.php/c.php





<?php



print_r($_GET);

?>

碧海情天-赵亮 2010-09-27

打赏
举报

<form action="search.php" method="post">
<select name="skind">
<option>产品</option>
<option>资料</option>
</select>
<input name="" type="text" />
<input name="" type="button" />
</form>

后台PHP里:
<?php echo $_POST["skind"]; ?>

楼主下面说的,提交到不同的PHP页面.这个是很笨的方法.学PHP,应该学到模板和控制器.提交到同一个控制器页面,按照行为参数,由这个控制器页面再去调用相应的行为,在里面再读取相应模板.这样,维护的时候,只需要修改这个控制器,而无需再改动HTML.

碧海情天-赵亮 2010-09-27

打赏
举报

这和JS没关系,根本用不着写一句JS.只是HTML的事.
你的基础目前缺乏得太多,不是能靠问问题解决的,最好先看看系统的开发书籍(我感觉我都快成图书义务宣传员了).

MrSLin 2010-09-27

打赏
举报

那还是判断你是选择的“产品”还是“资料”，虽然1楼做的方法不是你要的，至少你知道了怎么去判断。
那么你只要根据当前选择把转跳和传递参数，传递到对应php不就ok了。就是if判断么。

webeidolon 2010-09-27

打赏
举报

我的意思是选择“产品”点击提交按钮时，就能跳转和传递参数到productsearch.php；选择“资料”是datasearch.php，一楼朋友可能误会了

囧 2010-09-27

打赏
举报

和JavaScript没什么关系，在后台判断...

funfun5433 2010-09-27

打赏
举报



<html>

<head>

<title>选择搜索CsrCode.Cn</title>

<script language="javascript" type="text/javascript">

function huihui()

{

	alert("aa");

var textattr=document.getElementById("kk");

var sellectattr=document.getElementById("fun");

alert(sellectattr.length);

 for(var i=0;i<sellectattr.length;i++)

	{

         if(sellectattr[i].selected==true)

		{

		   

		   textattr.value=sellectattr[i].innerHTML; 

		 }

 

 }

 alert("aa");





}



</script>

</head>

<body>

<form>

<select name="" id="fun">

  <option></option>

  <option>产品</option>

  <option>资料</option>

</select>

<input name="" type="text" id="kk"/>

<input name="" type="button" onclick="javascript:huihui();"/>

</form>

</body>

</html>