通过JS模拟select表单，达到美化效果[demo]

     //普通模式
      new SelectorJS.selector.init({
        id:‘#Marriage‘,
        data: [["1", "未婚"], ["3", "离异"], ["4", "丧偶"] ],
         value:‘未婚‘
      });  

       //年龄联动
      new SelectorJS.age(‘#Age0‘,‘#Age1‘,25,27);

       //身高联动
      new SelectorJS.heightMulti(‘#Height0‘,‘#Height1‘,168,178);

       //地区联动 二级
      new SelectorJS.area.init(‘#AreaSelector‘,‘101020600‘, false);

       //地区联动 三级
      new SelectorJS.area.init(‘#AreaSelector2‘,‘101151202‘, true);

       //自定义联动
      var salaryCode = [["1", "1000"], ["2", "2000"], ["3", "3000"], ["4", "5000"], ["5", "8000"], ["6", "10000"], ["7", "20000"], ["8", "50000"], ["9", "50000以上"] ];
       var salaryDefault1 = ‘1‘;
       var salaryDefault2 = ‘4‘;
       new SelectorJS.selector.init({
        id:‘#Salary0‘,
        data: salaryCode,
        value:salaryDefault1,
        click: function(val, index){
           new SelectorJS.selector.init({
            id:‘#Salary1‘,
            data: salaryCode.slice(index),
            value:  Math.max(salaryCode[index][0], parseInt(salaryDefault2) )
          }).select.click();
        }
      }); 
       new SelectorJS.selector.init({
            id:‘#Salary1‘,
            data: salaryCode.slice(parseInt(salaryDefault1)),
            value:  salaryDefault2
      });