如何获得autosuggest插件的价值

时间:2011-03-24 09:22:43

标签: jquery autosuggest

我正在使用此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事件中获取所选类别的值?

3 个答案:

答案 0 :(得分:2)

带选项

  

asHtmlID: “的言语报

rech 是示例名称) 用逗号分隔符保存的值 并且隐藏字段可以通过

获得价值
$("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());
    });

答案 1 :(得分:0)

也许使用.val()就可以了。我不熟悉这个插件。

alert($("#category").val());

答案 2 :(得分:0)

每个选择都有一个事件onsubmit或类似tis执行函数。通过这种方式,我们可以获得值。