用 js 二联 三联

[目标]

<script language="javascript" type="text/javascript" src="../../Script/js/data_job.js"></script>
<script language="javascript" type="text/javascript" src="../../Script/js/selects.js"></script>
<script language="javascript" type="text/javascript" src="../../Script/js/date.js"></script>
<script language = "javaScript" type="text/javascript">
<!--
var s = ["s1", "s2", "s3"];
var opt0 = ["省份", "地级市", "县(县级市)"];
function init() {
for (i = 0; i < s.length - 1; i++)
document.getElementById(s[i]).onchange = new Function("change(" + (i + 1) + ")");
change(0);
}
//-->
</script>
<?
if(empty($r[pro]))
{
?>

<script type="text/javascript">
var s = selects;
//获取对象
var js = document.getElementsByName('jobsort')[0]; //职位类别
var jn = document.getElementsByName('jobname')[0]; //职位名称

//绑定数据
s.bind(js, jobsort);
s.bind(jn, jobname);

//确定重属关系
s.parent(js, jn);

//给个默认值
s.selected(js, { value: '<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[jobsort]))?>' });
s.selected(jn, { value: '<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[jobname]))?>' });
</script>

<?
}

else
{
?>

<script type="text/javascript">
var s = selects;
//获取对象
var js = document.getElementsByName('jobsort')[0]; //职位类别
var jn = document.getElementsByName('jobname')[0]; //职位名称
//绑定数据
s.bind(js, jobsort);
s.bind(jn, jobname);
//确定重属关系
s.parent(js, jn);
//给个默认值
s.selected(js, { value: '' });
</script>

<?
}
?>
<table><tr>
<td>
<select id="s1" name="s1"><option>省份</option></select>
省
</td><td>
<select id="s2" name="s2"><option>地级市</option></select>
市
</td>
<td>
<select id="s3" name="s3"><option>县(县级市)</option></select>
县
</td><tr><table>
<table><tr><td>
<select name="jobsort" runat="server" id="jobsort" />
</select>
</td></tr>
<tr><td> </td><td>
<select name="jobname" runat="server" id="jobname" />
</select>
</td><td><tr><table>
我实现了 工作岗位二联动 和 全国城市三联动 但是我分开在不同的页面上可以实现，把这两个实现在一个页面上，就只能实现一个，一个不能实现，几个JS不能同事用！求高手指导一下，什么实现在一个页面上实现两个功能！

[一天到晚游泳的鱼2016]

用jquery 写异步取复制，很简单，干嘛非得用纯js