多个搜索选项,单个字段,通过下拉列表选择 - js / jquery

时间:2012-01-13 18:30:38

标签: javascript jquery search

我正在尝试创建一个与字段相关联的下拉菜单,该字段允许我通过选择要使用下拉列表进行搜索的部分来搜索网站后端的多个部分。

这将带来的是分配一个变量来表示来自表单的输入和脚本,以便在该变量将用于完成的不同查询字符串之间切换。

此时我基本上只是迷失了如何构建完成此任务所需的javascript。

我可以使用id将每个查询字符串绑定到每个选项,然后创建一个在提交表单时运行的函数,通过将变量与javascript中包含的基本URL组合来构建所需的查询URL吗?

基本上我需要,例如,文本下拉列表选项告诉页面在提交表单时将%query%附加到http://example.com/content/text/?q=并让系统处理其余的。

我真诚地感谢有关如何构建js / jquery以实现这一目标的一些输入。我知道我需要将变量绑定到字段,并根据ID将下拉完成到下拉列表但我不完全确定如何。

2 个答案:

答案 0 :(得分:1)

以下是您可能想要做的一些jsFiddle示例:

  1. 将查询字符串中的搜索词和下拉列表选项字段传递到一个页面,并让页面根据选项执行某些操作。的 jsFiddle

  2. 将搜索字词传递到下拉列表选择字段指定的页面。的 jsFiddle

  3. 将搜索字词传递到下拉列表选择字段指定的网址。的 jsFiddle

答案 1 :(得分:0)

这就是我要做的。

为onsubmit提供一个eventhandler

在YourMehtod(){ 1.获得下拉选择 2.获取URL并附加查询字符串 3.window.open(URL, “_自我”) }