一般我們通常使用select制作下拉菜單，但是H5之后，datalist也可以充當(dāng)select的角色，而且兩者還有一點小的不同。

對于select來說，select的下拉菜單是供用戶選擇的，用戶只能選擇其中的選項不能自己添加。

但是datalist就不同了，datalist不僅可以供用戶選擇，用戶還可以自己輸入，而且datalist還可以達到模糊匹配的效果，使用很方便。

據(jù)代碼示例如下：

<input type="text" list="addr"/>       <datalist id="addr">         <option value="上海">上海</option>         <option value="北京">北京</option>         <option value="杭州">杭州</option>       </datalist>              <select>         <option value="上海">上海</option>         <option value="北京">北京</option>         <option value="杭州">杭州</option>       </select> 

運行結(jié)果如下：

以上所述是小編給大家介紹的jQuery中select與datalist制作下拉菜單時的區(qū)別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！