jquery:自动完成返回的名称和ID(s)?

时间:2011-04-12 01:53:27

标签: jquery autocomplete elements

其实我有这个html界面;

<input type="text" size="20" name="brandname" />
<input type="hidden" name="brandid" value="" />

实际上上面有一个隐藏的输入值,即“ brandid ”。

以下是jquery;

$('#brandname').autocomplete("searchbrandnames.jsp", {
            minChars: 3
        });
好的......这里的想法是那样的; 一旦用户在该文本字段中输入内容, jquery会努力获得一些自动完成功能......就像google所做的那样。

但是在这里,如果我们从上面的界面中注意到, 那里有隐藏的价值,绿色。

该隐藏值将用作存储的隐藏变量。 那个,这让我质疑这个主题。

获取自动填充到文本字段的最佳方法是什么?还有将ID设置为隐藏值? 在上面的例子中;我们假设,

  1. 我们正在文本字段中输入品牌名称,
  2. 然后jquery请求进入数据库以获得一些类似的品牌名称,
  3. 以他们的身份归还了他们的名字;分别为1到文本字段,另外1为隐藏值。
  4. 但是,就我现在正在使用jquery而言,那里有很多插件 ...... 只是将值返回到一个地方,而将许多值返回到很多地方。我说的地方意味着,指的是html元素。

    嗯......这个案子有什么结果吗?

1 个答案:

答案 0 :(得分:1)

假设您正在使用jQuery UI中的自动填充功能

$('#brandname').autocomplete({
    source: 'searchbrandnames.jsp',
    minChars: 3,
    select: function(event, ui) {
        $('#brandname').val(ui.item.value);
        $('#brandid').val(ui.item.id)
    },
    search: function() {
        $('#brandid').val('');
    }
});

valueid项属性将根据JSP文件返回的数据而有所不同。

请参阅http://jqueryui.com/demos/autocomplete/#custom-data