前端HTML JS實現四級聯動

一、js**

//建立乙個xmlhttp 物件

}//選這個option後 想要的option能級聯

function

getoptionbyid

(val)/business/screening/ziji.action?";

var data="parentid="+val.value; //傳入後台的引數

selid=val.id;

ajaxrequest(url,data,responsedata); //實質要呼叫的ajax的函式

}//ajaxrequest是將請求傳送到後台的function

function

ajaxrequest

(url,data,responseresult)

//後台響應完成後執行的function

function

responsedata

() else);} }

}}二、html**

class="columntitle_mustbe">風險大類id：td>

class="tablecontent">
name="sel1"
id="sel1"
class="select_field"
onchange="getoptionbyid(this)">
value="">-請選擇-option>
items="$"
var="o"
varstatus="status">
value="$">$option>
c:foreach>
select>
* font>
td>
tr>
class="columntitle_mustbe">風險專項id：td>
class="tablecontent">
name="sel11"
id="sel11"
class="select_field"
onchange="getoptionbyid(this)">
value="">請選擇option>
select>
* font>
td>
tr>
class="columntitle_mustbe">風險分項id：td>
class="tablecontent">
name="sel111"
id="sel111"
class="select_field"
onchange="getoptionbyid(this)">
value="">-請選擇-option>
select>
* font>
td>
tr>
class="columntitle_mustbe">風險描述id：td>
class="tablecontent">
name="sel1111"
id="sel1111"
class="select_field"
onchange="getoptionbyid(this)">
value="">-請選擇-option>
select>
* font>
td>
tr>

四級聯動選單

找到乙個，很好用，別忘了把其中的 和 替換成 和 懶了一下下，大家自己替換吧！form name frm select name school nchange mulselect 1 select select name department nkeypress sortme this nchang...

vue 四級聯動 位址聯動 vue級聯選擇

vue 四級聯動效果 實現前提 首先看下，我們的開發環境及資料封裝特點 第一 開發框架vue cli3 elementui 第二 資料封裝情況，詳見 部分 data中的 data 滿足以上2點再繼續，如果資料封裝有所不同，可根據實際情況稍作修改。實現過程 此處主要採用vue計算屬性以及watch監聽...

jQuery java實現四級級聯選單

document ready function else str str tmp searchdlprd html str var flval prdflcode val 分類 getjson loadflprdclassservlet?bigcode cruval,function data el...