jQuery中select與datalist制作下拉菜單時的區(qū)別淺析
更新時間：2016年12月30日 13:58:20 作者：Doulvme
一般我們通常使用select制作下拉菜單，但是H5之后，datalist也可以充當select的角色，而且兩者還有一點小的不同。具體區(qū)別詳解小編通過本文給簡單介紹下
一般我們通常使用select制作下拉菜單，但是H5之后，datalist也可以充當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>
運行結果如下：
以上所述是小編給大家介紹的jQuery中select與datalist制作下拉菜單時的區(qū)別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- jquery ajax后臺返回list,前臺用jquery遍歷list的實現(xiàn)
- 基于MVC5和Bootstrap的jQuery TreeView樹形控件(一)之數(shù)據(jù)支持json字符串、list集合
- jQuery插件datalist實現(xiàn)很好看的input下拉列表
- JqueryMobile動態(tài)生成listView并實現(xiàn)刷新的兩種方法
- asp.net使用jQuery獲取RadioButtonList成員選中內容和值示例
- CheckBoxList多選樣式jquery、C#獲取選擇項
- Jquery操作下拉框(DropDownList)實現(xiàn)取值賦值
- jQuery接受后臺傳遞的List的實例詳解
相關文章
這篇文章主要介紹了jQuery的ready方法實現(xiàn)原理分析的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細介紹了jquery表單驗證插件validation使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)朋友圈查看圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JQuery以JSON方式提交數(shù)據(jù)到服務端示例代碼
這篇文章主要介紹了JQuery如何以JSON方式提交數(shù)據(jù)到服務端,需要的朋友可以參考下2014-05-05
這里要說的就是一個菜單的hover的效果，一般我們通過CSS的偽類:hover實現(xiàn)的菜單切換都比較單調，因為僅僅是一個簡單的圖片的變化，不像很多flash菜單一樣變化非常的平滑，但是這里我們就是要用非flash的技術實現(xiàn)一個平滑的hover效果。2010-05-05
這篇文章提供了一個使用asp.net和JQuery UI Tabs plug-in用IFRAME元素去宿主web頁面。2010-01-01
這個插件的上篇訪問量很不好，幾乎是我寫的文章里最少的點擊量的了，不知道是不是因為大家對我說的這個插件不感興趣還是說我寫的東西技術含量太差了，呵，那我只能孤芳自賞了2011-10-10
這篇文章主要為大家詳細介紹了基于JQuery實現(xiàn)圖片上傳預覽與刪除操作的相關代碼，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)小球點擊發(fā)射動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
DIV的width寬度如何獲取呢？接下來介紹使用jquery獲取DIV的width寬度，感興趣的朋友可以了解下的2013-01-01