jquery - 如何获取自动建议插件的值(value)

Question

我正在使用这个http://code.drewwilson.com/entry/autosuggest-jquery-plugin

这是我的 html

   <h1>Category : </h1>
    &nbsp;<input type="text" name="category" id="category" size="4"/> 
    &nbsp;<input type="button" name="category" id="gocategory"  value="Go"/>

这是我的 jquery 代码:

$(document).ready(function() {
  // put all your jQuery goodness in here.
    var data = {items: [
        {value: "21", name: "Mick Jagger"},
        {value: "43", name: "Johnny Storm"},
        {value: "46", name: "Richard Hatch"},
        {value: "54", name: "Kelly Slater"},
        {value: "55", name: "Rudy Hamilton"},
        {value: "79", name: "Michael Jordan"}
    ]};
    $("#category").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name"});
    // $("#category").autoSuggest("http://mysite.com/path/to/script", {minChars: 2, matchCase: true});;
    $("#gocategory").click(function(){
        alert($("#category").value);
    });
});

如何在 onclick 事件中获取所选类别的值？

Answer 1

带有选项

asHtmlID:"rech"

(rech是示例名称)用逗号分隔符保存在其中的值它是隐藏字段，可以通过

获取值(value)

$("input[name='as_values_rech']").val()

如果不设置“asHtmlID”...，autoSuggest 会为其指定一个随机名称，并在您的代码中:

$("#category").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name" ,
selectedValuesProp:"value",asHtmlID:"rech"});

$("#gocategory").click(function(){
        alert($("input[name='as_values_rech']").val());
    });