• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

autosuggest

New Here ,
Jul 26, 2013 Jul 26, 2013

Copy link to clipboard

Copied

Hi,

I have two questions, hope anyone can assist me with?


1) I have the drop box is displayed the long list of city names and don't want user to scroll up and down to find the name.  Is there the way we can do autosuggest like on the cfinput tag to narrow down the list in cfselect?


2 )
<cfinput type="text" name="city" autosuggest="cfc:cfc.city.lookupName({cfautosuggestvalue})">
It works fine with autosuggest, but we can only search for one name, is there the way to search for mutitples?.  For example, if I star enter A in the text box, then it shows Arlington, Angleton,Alvin ..I want to be able to select both Arlington and  Angleton and pass them into arguments?
       

Thanks

Views

675

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jul 26, 2013 Jul 26, 2013

Copy link to clipboard

Copied

Hi

Create a .cfc name it as autosuggest.cfc

<cfcomponent output="false">

    <!--- Lookup used for auto suggest --->

    <cffunction name="findPark" access="remote" returntype="string">

        <cfargument name="search" type="any" required="false" default="">

       

        <!--- Define variables --->

        <cfset var local = {} />

       

        <!--- Query Location Table --->

        <cfquery name="local.query" datasource="cfdocexamples" >

            select        parkname

            from        parks

            where        parkname like <cfqueryparam cfsqltype="cf_sql_varchar" value="#ucase(arguments.search)#%" />

            order by    parkname

        </cfquery>

        <!--- And return it as a List --->

        <cfreturn valueList(local.query.parkname)>

    </cffunction>

</cfcomponent>

Now create a.cfm and name as demo.cfm

<!--- A simple form for auto suggest --->

<cfform action="autosuggest.cfm" method="post">

    Park Name:<br />

    <cfinput type="text" name="parkname" size="50" autosuggest="cfc:autosuggest.findPark({cfautosuggestvalue})" autosuggestminlength="1" maxresultsdisplayed="10" /><br /><br />

</cfform>

Place both of them in the webroot and run demo.cfm, you will get exactly the same results which you are looking for.

Hope it helps

Thanks

VJ

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 29, 2013 Jul 29, 2013

Copy link to clipboard

Copied

yes it worked fine, but my question is can we do the same for text area instead of input filed?  OR can we select mutiple values from the autolist for input field?

Thanks

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jul 29, 2013 Jul 29, 2013

Copy link to clipboard

Copied

LATEST

I don't think so you can achieve the same for text area however I am not sure as I havenot used it.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Documentation