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

本文主要是介绍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

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

亲测可用 

这篇关于metronic_v2.0.2开发的小常识 ---下拉列表的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---