读书人

联动取舍

发布时间: 2012-11-25 11:44:31 作者: rapoo

联动选择
1.jsp页面

<scripttype='text/javascript'src='/dwr/interface/Productclass.js'></script><script type='text/javascript' src='/dwr/engine.js'></script><script type='text/javascript' src='/dwr/util.js'></script>     <script language="javascript">         setOneClass();</script>//----------------------------------------------按所属分类 <select name="sort1" id="sort1" onclick="setSecondClass(this.value);" >   <option value="">请选择</option></select><select name="sort2" id="sort2" onclick="setTherdClass(this.value);">    <option value="">请选择</option></select><select name="sort3" id="sort3">    <option value="">请选择</option></select>

2.js代码
var fectureArray=new Array();fectureArray=['请选择'];////////取分类/////////function setOneClass(){Productclass.getProductClassByUpId("000000000000000",'4',function(data){DWRUtil.removeAllOptions('sort1');DWRUtil.addOptions('sort1',fectureArray);DWRUtil.addOptions('sort1',data);});} function setSecondClass(val) {  Productclass.getProductClassByUpId(val, '4', function(data){DWRUtil.removeAllOptions('sort2');DWRUtil.addOptions('sort2',fectureArray);DWRUtil.addOptions('sort2',data);DWRUtil.removeAllOptions('sort3');DWRUtil.addOptions('sort3',fectureArray);});} function setTherdClass(val) { Productclass.getProductClassByUpId(val, '4',  function(data){DWRUtil.removeAllOptions('sort3');DWRUtil.addOptions('sort3',fectureArray);DWRUtil.addOptions('sort3',data);});} 


读书人网 >Web前端

热点推荐