如何在自动完成jQuery脚本的预定义地址中链接建议的单词?

时间:2011-08-01 09:49:12

标签: jquery json

我正在使用带有类别的jQuery自动完成脚本。对于我的应用程序,有两种可能的方式来使用表单。

  1. 当用户点击建议的字词时,它会自动将他带到预定义的地址。我的意思是它像链接一样工作。预定义的网址是

    www.domain.com/index.php?s=和建议的词语。

  2. 用户不会点击建议的字词,而是点击提交按钮获取自己的字词。这对我来说没问题。

  3. 我的问题是如何将此选项添加到当前脚本?

    不是在这里显示代码,而是将其放入jsFiddle以便更好地理解。

    http://jsfiddle.net/pkFCF/26/

    您也可以在

    的jQuery页面中看到它

    http://jqueryui.com/demos/autocomplete/#categories

    感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你可以这样做(如果我理解正确,当选择这个词时,重定向):

$("#search").catcomplete({
    source: data,
    select: function(event, ui) {
        window.location.href= "www.domain.com/index.php?s=" + escape(ui.item.label);
    }
});

如果您需要使用不同的内容,如果用户点击该值或按提交,您可以执行以下操作:

$("#search").catcomplete({
    source: data,
    select: function(event, ui) {
        if(event.originalEvent.keyCode === 13){
             //pressed submit

        }else{
          //clicked on it;
        //window.location.href= "id_" + escape(ui.item.id);
        }
    }
});

在这里摆弄:http://jsfiddle.net/nicolapeluchetti/pkFCF/27/