=====================下拉框绑定及获取数据=======================
其实这个东西很多人都会了,也估算只是我这样上课老是走神的人到现在才回过头看;到现在才学会吧用吧;自己写的话还真不会,但是运用插件还是挺简单的;我们就当做一次笔记来一起再看一次下拉框绑定和数据绑定吧;
图一
首先我们来看一下;这个就是我们平时看到的下拉框了;然后点击---请选择---可以显示数据;就像这样;
图二
这个就是我们需要获取到的样式了;我们来看背后的代码吧;
我们做这个要用到的插件;
图三
这里我们运用了layui的一个名叫customfuntion.js的一个插件,首先我们要把这个插件引入进去;这是第一步;第二步是写一个关于(- - -请选择- - -)的一个方法;
像这样的一个东西;
写好后以便全局使用;
下面我们就看看一下如何获取到下拉框绑定数据的吧;那就需要下面这句代码了;
$(document).ready(function () {
appendOption("ASignificanceDegrees", "/Business_administration/Cmmercial/significance");
}
appendOption这个就是我们开始写的那个方法的方法名了;这里要和那边对应;
然后括号里的第一个值就是ID了;标签的ID;我们来看一下;这里的请选择可以不用加,这里加上去是方便看;我们只要给标签一个ID;
然后括号里第二个数据就是控制器里的方法路径了;我们也去看一下;
这里要保证到数据库里有数据且没有填写错误;只要才能保证成功,写好这些后我们就绑定下拉框成功;
光是绑定也没有多大作用,我们还需要获取到他,然后进行增删查改;
下面来看一下如何获取到数据;
function Changes() {
var SignificanceID = $("#ASignificanceDegrees").val();
}
我们把这个获取数据写在点击事件里;这里的Changes是一个按钮的点击事件;我们通过点击来获取到数据;这里也是通过ID获取的,我们来看下效果;
看一下,我们这里是在页面打点,通过点击Changes的时候获取到ID;也就是获取到了数据;
获取数据后 就可以执行增删查改了;
比如新增,就是获取到下拉框的选择到的数据;当然我们这里的获取到的是ID;每个获取到的ID有对应字段,新增的时候也是新增的ID;
这里就不介绍增删查改了;大概是一样的;