Jquery 如何使sj自动完成器的显示值和所选值与selectbox不同?

Jquery 如何使sj自动完成器的显示值和所选值与selectbox不同?,jquery,autocomplete,jquery-autocomplete,jquery-ui-autocomplete,Jquery,Autocomplete,Jquery Autocomplete,Jquery Ui Autocomplete,我们使用的是Sj:Autocompleter标记(selectbox=true)。在这里,我们必须在列出的数据(显示文本)中显示不同的值,当用户单击其中任何一个时,所选数据的值应填充在自动完成器文本框中 我们如何在selectbox=true的情况下使用sj:autocompleter 例如: 以下是自动采样器中列出的数据(ListValues) "Apple - Known for it's innovative Design" "MicroSoft - Know

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

我们如何在selectbox=true的情况下使用sj:autocompleter

例如:

以下是自动采样器中列出的数据(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”。我们将这些文本保留为列表键

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


如果是这样的话,有人能告诉我如何实现它吗?

我们可以通过订阅onSelectTopics、截取它并删除它的值来实现它

步骤1:订阅sj:选择框的onSelectTopics
步骤2:编写javascript函数,该函数将在onSelectTopics期间被调用
步骤3:设置data.item.value='MELLO'

 <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';
    });

$.subscribe('check',函数(事件、数据)
{
data.item.value='MEALL';
});