首页>>表单>>下拉框推荐选择的输入框 预制一些数据给输入框input(2019-09-27)

下拉框推荐选择的输入框 预制一些数据给输入框input

 可以手动输入也可以选择预留的值并修改

下拉框推荐选择的输入框 预制一些数据给输入框input
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <input type="text" id="test" autocomplete="off" class="form-control">  

 

JavaScript Code
  1. <script>  
  2.   const dataList = [  
  3.   { name: 'jQueryScript.Net', value: 'jQueryScript' },  
  4.   { name: 'jQuery Library', value: 'jQuery' },  
  5.   { name: 'Angular Framework', value: 'Angular'},  
  6.   { name: 'React Framework', value: 'React' },  
  7.   { name: 'VueJS Framework', value: 'Vue' },  
  8.   { name: 'Vanilla JavaScript', value: 'JavaScript' },  
  9.   { name: 'CSS/CSS3', value: 'CSS' },  
  10.   { name: 'HTML/XML', value: 'HTML'}  
  11. ]  
  12. $('#test').inputDropdown(dataList, {  
  13.   formatter: data => {  
  14.     return `<li language=${data.value}>${data.name}</li>`  
  15.   },  
  16.   valueKey: 'language'  
  17. })  
  18.   
  19. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_821.html