先說一下效果要求，上面乙個下拉框，下面乙個，要求上面選中的時候，下面的內容要跟著變。
因為想到react是資料驅動的，就不打算再用jq的那種隱藏顯示了，而是通過在執行型別下拉框的onchange事件中，去改變下面的下拉框的資料，渲染出不同的下拉選擇。
定義資料：modeoptions是各個下拉框的值，由於選中號碼的時候是輸入框，這裡號碼的options為空。
constructor(props) ,
'batchmode': ,
'numbermode': ,
'areamode':
this.state = );
貼下**：其實就是當選中的不是號碼時，在第二個下拉框元件用上面的modellabel和modeloptions來渲染下拉框，如果選擇的是號碼，就渲染乙個輸入框。
class demandform extends react.component ,
'batchmode': ,
'numbermode': ,
'areamode':
this.state = = this.props.form;
const formitemlayout = ,
sm: ,
xs: ,
sm: ,
let modellabel = this.modeoptions[this.state.selectmode].text;
let modeloptions = null;
if(this.modeoptions[this.state.selectmode].options.length !== 0) );
return (
label="定點執行型別:"
hasfeedback
,按通道
按號碼按區域
按批次label=
hasfeedback
,this.state.selectmode !== 'numbermode' ? :
省市二級聯動下拉框
doctype html zh utf 8 viewport content width device width,initial scale 1.0 省市二級聯動 title head 省份 id province select 城市 id city select form 將城市資訊新增 var...
Jeesite下拉框的二級聯動
話不多說 首先上 jsp 頁面 截圖 第乙個下拉框jsp class control group class control label 離職型別 label class controls id type name type path type class input xlarge onchange...
二級聯動 下拉列表
二級聯動 下拉列表 需先選擇英雄,才能在選擇英雄的 html頁面 charset utf 8 二級聯動title head action method post 請選擇英雄 name hero id hero onchange skina select 請選擇 name skin id skin v...