给段代码 实现select4级联动

<html>
  <head>   
    <title></title>  
<script type="text/javascript">
function addProjectRecord() {
var tableName = document.getElementById("project_table");
    //添加一行
    var newRow = tableName.insertRow();
var cell_1 = newRow.insertCell();
    cell_1.innerHTML =  '<select class="select"  id="s1"    name="MEDIA_TYPE" >'
          +'<option value="">请选择</option>'
         +'<option value="报纸">报纸</option>'
         +'<option value="杂志">杂志</option>'
         +'<option value="广播">广播</option>'
         +'<option value="电视">电视</option>'
         +'<option value="网络">网络</option>'
         +'<option value="分众">分众</option>'
         +'<option value="户外">户外</option>'
         +'<option value="自有媒体">自有媒体</option>'
         +'<option value="其它">其它</option>'
         +'</select>' ;      //添加一列，媒体名称       var cell_2 = newRow.insertCell();
     cell_2.innerHTML ='<select id="s2"   name="MEDIA_NAME" >'
          +'<option style="color:gray;" value="">请选择</option>'
         +'<option value="1">--------报纸--------</option>'
         +'<option value="湖北日报">湖北日报</option>'
         +'<option value="楚天都市报">楚天都市报</option>'
         +'<option value="楚天金报">楚天金报</option>'
         +'<option value="参考消息">参考消息</option>'
         +'<option value="农村新报">农村新报</option>'
         +'<option value="消费日报">消费日报</option>'
         +'<option value="中国消费者报">中国消费者报</option>'
+'<option style="color:gray;" value="2">--------杂志--------</option>'
         //杂志---------
          +'<option value="武汉一周">武汉一周</option>'
         +'<option value="楚天下（高铁版）">楚天下（高铁版）</option>'
         +'<option value="楚天下（航空版）">楚天下（航空版）</option>'
         +'<option value="信息通信杂志">信息通信杂志</option>'
         +'<option value="支点">支点</option>'
         +'<option value="人民检察">人民检察</option>'
         +'<option value="中国消费者报">中国消费者报</option>'
         +'<option value="今日湖北">今日湖北</option>'
         +'<option value="湖北政报">湖北政报</option>'
         +'</select>';       
     var cell_3 = newRow.insertCell();
     cell_3.innerHTML ='<select id="s2"   name="PUTIN_SPEC" >'    
         +'<option value="">请选择</option>'
         +'<option value="整版">整版</option>'
         +'<option value="1/2版">1/2版</option>'
         +'<option value="1/3版">1/3版</option>'
         +'<option value="1/4版">1/4版</option>'
 +'</select>';
 var cell_4 = newRow.insertCell();
    cell_4.innerHTML ='<select id="s4"  name="PUTIN_FORMAT" >'
         +'<option value="">请选择</option>'
         +'<option value="硬广">硬广</option>'
         +'<option value="软文">软文</option>'
         +'</select>';
}
</script>
  </head>  <body>
  <dl>
                <dd>
    <input type="button" value="添加" onclick="javascript:addProjectRecord();" id="add-action-btn">&nbsp;&nbsp;
   </dd>
   </dl>   <div><table cellpadding="0" cellspacing="0" id="project_table">
   </table>
   </div>
  </body>
</html>