下拉框绑定事件

下拉框绑定事件

*
平常的下拉框绑定数据时，需要一个一个的数据输入。但是，下拉框绑定数据时不需要，它只需绑定数据库的值就可以绑定成功，那么是怎么绑定成功的呢？下面我们就来学习一下：
（1）
在绑定一个下拉框的时候，首先必须要有其样式，绑定下拉框时，还必须放在From表单里面，这样才能获取到它的值，通过From表单获取数据也更加的容易。下面就是一个放在From的样式。
<div class="col-12 mt-2">

     <form class="form-inline form-row">

          <label class="col-form-label mr-3" for="searchBillID">医药公司</label>

           <select id="searchComID" class="form-control form-control-sm mr-4
col-sm-1 col-md-1"></select>

      </form>

</div>

（2）绑定完数据后就可以写它的JS数据了，一个下拉框绑定数据，它的写法不算复杂。下面是一个它的原始的写法，这样写他的代码量将会远远增加。所以，其实我们可以把他的代码封装起来使用，那么其代码量将会远远少于下面写的那种方法，而且就算有再多的下拉框绑定数据，我们就只需要调用它就好了，不需要一个个的写。

$(document).ready(function () {

$.get("SelectAcademe", function (data) {

$("#sltAcademe").append('<option value="' + data[0].id + '">' + data[0].text +
'</option>');

for (var i = 0; i < data.length; i++) {

  $("#sltAcademe").append('<option value="' + data[i].id + '">' + data[i].text
+ '</option>');

}

$.each(data, function (i) {

$("#sltAcademe").append('<option value="' + data[i].id + '">' + data[i].text +
'</option>');

});

（3）封装的绑定下拉框的方法：

* 封装完后还需要在控制器写方法：在控制器写方法的时候要注意下面Select new的值一定不要写错了，写错了它会获取不了数据，

* 最后一步就是绑定数据了，用From来提交数据，CreateSelect后面加的是ID和方法。

• « 上一篇：flutter学习--搜索框
• » 下一篇：ajax方法封装