js省市县三级联动

来源:互联网 发布:诸暨市行知小学校园网 编辑:程序博客网 时间:2024/04/28 14:54

头部

<script language="javascript" type="text/javascript">
    
    function convert(){
var obj = document.getElementById('s1'); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var obj2 = document.getElementById('s2'); //定位id

var index2 = obj2.selectedIndex; // 选中索引

var text2 = obj2.options[index2].text; // 选中文本
var text3=text+" "+text2+" ";
//alert(text3);
var text4=text;
document.getElementById('PrCi').value=text3;
document.getElementById('PrCi2').value=text4;


}

</script>

头部引入js:

<script type="text/javascript" src="__PUBLIC__/js/upssx.js"></script> ( 有谁需要upssx.js文件,加我qq:977675799,或者在留言中写上您的邮箱,我给您发过去)



body部分

<!--下面的两个input是省和市,点击提交按钮后会将省市的名称提交到后台,让后台处理-->

<input type="hidden" name="PrCi" id="PrCi"/>
<input type="hidden" name="PrCi2" id="PrCi2"/>

 <select class="guanli_select"   id="s1" name="s1">
                   <option  value="">省份</option>
                 </select>               </td>
               <td width="120"> <select class="guanli_select" id="s2" >
                   <option  value="">地级市</option>
                 </select>
               <td width="390" >

<!--不管用这个id="s3"的select都要写这个select,不然会出错-->

<select class="guanli_select" id="s3" >
                   <option  value="">市,县级市</option>
 </select>

<script type="text/javascript" src="__PUBLIC__/js/downssx.js"></script>   ( 有谁需要downssx.js文件,加我qq:977675799,或者在留言中写上您的邮箱,我给您发过去)


原创粉丝点击