HTML5下拉列表中 ＜datalist＞ 元素用jquery动态绑定option数据

首先看看从菜鸟复制下来看效果的，可以看出每一个option是写死的，写网页指定少不了从接口获取数据，那我就没办法把数据写死展示出来了。

    <form action="demo-form.php" method="get">
        <input list="browsers" name="browser">
        <datalist id="browsers">
          <option value="Internet Explorer">
          <option value="Firefox">
          <option value="Chrome">
          <option value="Opera">
          <option value="Safari">
        </datalist>
        <input type="submit">
    </form>

所以接下来是要把option中的value处理成动态的

第一步，先引入jquery.js

 第二步，写一个form表单里面装着选项列表<datalist></datalist>和文本输入框<input />，并给予相应的