带有两个提交按钮的多搜索框

时间:2014-12-02 15:28:05

标签: javascript php jquery html

我想要一个带有两个提交按钮的输入字段。键入搜索并单击Google或Wikipedia,并让我的条款搜索相应的站点。但是我不确定我是否使用了正确的术语(或者甚至可能)。我已经找到了很多方法可以使用下拉列表或单选按钮来完成它,但是在键入搜索和单击相应按钮之间需要1-3次点击。

理想情况下,我想在没有javascript / jquery的情况下完成此操作,但我怀疑实际上并不可能。有什么建议吗?



function OnSubmitForm()
{
  if(document.pressed == 'Google')
  {
   document.searchform.action ="http://www.google.com/search";
  }
  else
  if(document.pressed == 'Wikipedia')
  {
    document.searchform.action ="http://www.wikipedia.org/search-redirect.php";
  }
  return true;
}
</script>
&#13;
<form name="searchform" method="get" onsubmit="return OnSubmitForm();" action="http://www.google.com/search">
<input type="text" name="q" size="20" value="">
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Google">
<input type="submit" name="operation" onclick="document.pressed=this.value" value="Wikipedia" class="searchButton">
</form>
&#13;
&#13;
&#13;

所以代码的google部分可以正常工作,但如果单击维基百科按钮,我在Javascript上做错了更改搜索维基百科的操作。

1 个答案:

答案 0 :(得分:1)

jQuery很可能......你最终会得到类似......

的东西
$("#googleButton").on('click', function() { /* navigation with search criteria */ });
$("#wikipediaButton").on('click', function() { /* navigation with search criteria */ });