metronic_v2.0.2开发的小常识 ---下拉列表

最近在用 metronic_v2.0.2 这个框架 开始使用 感觉还是不错的，但是到后期 发现一些共有的操作 废话不说 上代码 祝大家开发速度 嗖嗖嗖

9 添加select 下拉列表的方法

<%=basePath%>assets/scripts/custom/table-editable1.js 首先添加 这个框架的自身对table表单的支持

$.ajax({

type : "GET",

url : "workerInfoAction_getAll.action",

dataType : "json",

success : function(data) {

var jso=eval(data);

text="";

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

text+='<option value ="'+jso[i].id+'">'+jso[i].name+'</option>';

}

jqTds[3].innerHTML = '<select class="form-control input-small" value="">'+text+' </select>';

},

error : function(data) {

alert("访问失败 请联系管理员)");

}

});

这个就是 基本的添加操作 放置在 edit方法中function editRow(oTable, nRow) {

}中

其次是对这个 下拉操作的 处理：

1.下拉选择后保存的传值

2.下拉保存后的值显示

1.这个有关于这个metronic_v2.0.2 框架开发的 学习 ，这里先不赘述 后期会发表自己的学习心得

保存传值：

$('select')[1].value, 这个可以拿到其对应的value 值 id

这里就可以进行 ajax的update操作 ；了

2.下拉保存后的值显示

var a=$('select')[0].selectedOptions[0].textContent; 通过这个获取到那个下拉列表的 原始 中文内容 name

把这个放置在原来的位置 就可以正常显示

亲测可用