【人力资源】--- select下拉框

    说起下拉框，一直不喜欢用select下拉框。我个人认为还是easyui封装的combox好用！所以我在做ITOO的时候总是用combox。一次组长让我给他调select下拉框的代码，我直接就给人换成了combox！！----不喜欢用是一个原因，另一个原因就是：自己认为select下拉框太麻烦还得手动添加option，而且也没有用过.....so %>_<%！！！

    但是这次做人力资源的注册和登录界面的时候，不得不用select！！！（宝宝内心是拒绝的！~~~~(>_<)~~~~ ）原因是我调了好长时间的Bootstrup和easyui的样式都不成功，都和我的登录页面引用的js冲突，无奈只好老老实实的做自己的select吧！

     先让大家看看界面效果，个人认为还是不错的，虽然是以别人的界面为基础，可是自认为还是调整的不错的！

 好了，回到重点： 动态给 select下拉框option赋值：

 界面：

<div class="col-xs-4">
                    行业性质:
                </div>
                <div class="col-xs-6">
                        <select id="txtIndustryProperty" name="IndustryProperty">
 
                         </select>
  </div><span style="font-family: Helvetica, 'Hiragino Sans GB', 微软雅黑, 'Microsoft YaHei UI', SimSun, SimHei, arial, sans-serif; background-color: rgb(255, 255, 255);"> </span>

js：

function addOption() {
            $.ajax(
                {
                    type: "get",
                    url: "/Login/IndustrySelect",
                    dataType:'json',
                    success: function (data) {
                        var IndustryProperty = document.getElementById('txtIndustryProperty');
                        //n表示包含的信息的对象,这个i是很重要的，索引，不能丢
                        $.each(data, function (i, n) {
                            var name = n["IndustryPropertyName"];
                            var id = n["IndustryPropertyID"];
                            IndustryProperty.options.add(new Option(name, id));
                        });                                         
                    }
 
                }
            );
}

controller层：（还是第一次这么转换json对象呢）

 

public string IndustrySelect()
        {
            List<IndustryPropertyViewModel> IPViewModel = new List<IndustryPropertyViewModel>();
            IPViewModel = IndustryPropertyBll.QueryAllIndustryP();
            JavaScriptSerializer serializer = new JavaScriptSerializer();
           //将list转换成字符串，需要引用System.Web.Script.Serialization
            string strJson = serializer.Serialize(IPViewModel);
           //祛除json串中的转义字符
            return strJson.Replace("\\","");
        } 

小总：

    虽然就这么一点的代码，可是研究出来真是不容易啊！因为自己的马虎，还浪费了一晚上的时间在界面的select样式上面，不应该啊！以后都应该避免这种马虎出错！还要克服自己的懒惰心理，遇到自己没有接触过的要勇往直前，不能产生退缩心理，不然这在以后都是要用时间来补上的！