web開(kāi)發(fā)中，肯定遇到像百度、google這種搜索的功能吧，那智能表單中的自動(dòng)完成可以做什么呢，下面來(lái)揭曉：

1、包含像google、百度等類似的簡(jiǎn)單搜索

2、復(fù)雜結(jié)構(gòu)的支持，比如說(shuō) 輸入產(chǎn)品編號(hào)，需要將產(chǎn)品的編號(hào)、產(chǎn)品的名稱、產(chǎn)品的單價(jià)、產(chǎn)品的備注信息等填寫(xiě)會(huì)表單中的某個(gè)位置

代碼如下(頁(yè)面地址：https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-autocomplete.html)：

自動(dòng)完成

note:需要引入js文件：jquery-ui.js、jquery.fn.extend.js

在表單生成完成后，通過(guò)指定元素調(diào)用SmartSearch方法

參數(shù)說(shuō)明：

url:請(qǐng)求的url

beforeSearch:可選，在發(fā)送請(qǐng)求之前調(diào)用的方法，改方法有一個(gè)參數(shù)data包含要發(fā)送的數(shù)據(jù)，如果需要添加或者修改要發(fā)送的參數(shù)，修改次參數(shù)即可

formatItem:可選，如果返回的不是簡(jiǎn)單的數(shù)組字符串，則必自定義操作，用于格式化界面顯示的內(nèi)容，例中顯示的是產(chǎn)品編號(hào) + 產(chǎn)品名稱

callback:可選，如果返回的不是簡(jiǎn)單的數(shù)組字符串，則必自定義操作，用于賦值
note:如果接口返回的是簡(jiǎn)單的字符串?dāng)?shù)組，則 formatItem和callback皆可省略

這是我本地測(cè)試項(xiàng)目中運(yùn)行的截圖：

以上所述是小編給大家介紹的BootStrap 智能表單實(shí)戰(zhàn)系列(十)自動(dòng)完成組件的支持的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！