2014-12-02 84 views
-1

我想有一个输入字段有两个提交按钮。键入搜索并单击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>
<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>

因此,代码的谷歌部分的作品,但我做错了使用JavaScript来改变动作搜索Wikipedia如果单击维基百科按钮。

+1

编写代码将是一个良好的开端。我们不是为了为您建立您的系统,也不是为您设计,而不是批评您的设计。一旦你有了一些实际的代码,我们可能会帮助尝试修复它,但这就是它。 – 2014-12-02 15:30:16

+0

够公平的。让我试着让我再次部分工作的代码,然后编辑这篇文章。 – aslum 2014-12-02 15:32:06

+0

*“理想情况下,我想做到这一点,而不使用Javascript/jQuery的,但我怀疑这实际上不太可能。” * - 好看多了,HTML表单将只没有某种字体端JS轻摇约提交'action'与值(或使用按钮用的onclick事件,这是再次JS)你有点卡住了。 – CD001 2014-12-02 15:35:03

回答

1

这是非常有可能使用jQuery ...你最终会喜欢的东西......

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

内的代码,你可以收集输入和格式化导航。 – rfornal 2014-12-02 15:34:57