jquery JSON数据动态填充表单Select选项插件

演示  website 下载

插件介绍

这是一个轻量级，易于实现的jQuery插件，可以从提供的JSON文件（或jsonapi）动态填充原生select元素的选项，可以轻松地修改JS代码以匹配您的数据集。

使用方法

1.首先，在页面中加载插件文件。

<script src="jquery.min.js"></script>
<script src="index.js"></script>

2. 初始化select元素并指定插件JSON数据的路径。

<select id="myDropdown"></select>
$('#myDropdown').dynamicDropdown({
  url: 'json.json'
});
// data.json
[
  {"name":"jQuery", "url":"www.moyouyouw.cn"},
  {"name":"JS & CSS", "url":"moyouyouw.cn"},
  {"name":"Google", "url":"Google.com"},
  {"name":"Youtube", "url":"Youtube.com"},
  {"name":"Facebook", "url":"Facebook.com"},
  {"name":"baidu", "url":"baidu.com"},
  // more data here
]

3. 如果需要，可以确定键值名称。

$('#myDropdown').dynamicDropdown({
  url: 'json.json',
  key: '',
  value: 'url'
});