jquery - 如何使 sj 自动完成器作为选择框的显示值和选定值不同？

Question

我们正在使用 Sj:Autocompleter 标签（选择框=true）。在这里，我们必须在列出的数据（显示文本）中显示不同的值，当用户单击其中任何一个时，所选数据的值应填充在自动完成器文本框中。

我们如何使用 sj:autocompleter 和 selectbox=true ？

例子：

以下是自动编译器中列出的数据 (ListValues)

    "Apple - Known for it's innovative Design"       
    "MicroSoft - Known for it's usability    "       
    "Intel - Known for it's processors       "       

当我选择这些文本中的任何一个时，我们只想在 sj:autocompleter 文本中填充“Apple”或“Microsoft”或“Intel”。我们将这些文本保留为 listKeys。

在选择列表值时，我想在选择框中显示列表键。

如果是这样，谁能告诉我如何实现？

Answer 1

我们能够通过订阅 onSelectTopics、拦截它并覆盖该值来实现它。

第 1 步：订阅 sj:select 框的 onSelectTopics
第 2 步：编写将在 onSelectTopics 期间调用的 javascript 函数
第 3 步：设置 data.item.value='melon';

 <sj:select
                    name="fruitFamily"
                    href="%{fruitFamilyList}"
                    formIds="mainform"
                    list="fruitsList"
                    listKey="fruitFamily"
                    listValue="fruitFamily"
                    parentTheme="simple"
                    autocomplete="true"
                    selectBoxIcon="true"
                    cssClass="selectBox"
                    loadingText="user defined loading...."
                    onSelectTopics="check"/>

$.subscribe('check', function(event,data)
{
    data.item.value='melon';
    });