angularJS-select級(jí)聯(lián)

<div ng-init="districts=[
{code: '99', name: '省直', units: [
{code: '9901', name: '省單位1', positions: [
{code: '990101', name: '省職位1' },
{code: '990102', name: '省職位2' }
]},
{code: '9902', name: '省單位2', positions: [
{code: '990201', name: '省職位3' },
{code: '990202', name: '省職位4' }
]}
]},
{code: '01', name: '長沙', units: [
{code: '0101', name: '長沙單位1', positions: [
{code: '010101', name: '長沙職位1' },
{code: '010102', name: '長沙職位2' }
]},
{code: '0201', name: '長沙單位2', positions: [
{code: '010201', name: '長沙職位3' },
{code: '010202', name: '長沙職位4' }
]}
]}]" >
<select ng-model="selectedDistrict" ng-change="selectedUnit=''" ng-options="district.name for district in districts" >
<option value="">---請選擇考區(qū)---</option>
</select>
<select ng-model="selectedUnit" ng-change="selectedPosition=''" ng-options="unit.name for unit in selectedDistrict.units">
<option value="">---請選擇單位---</option>
</select>
<select ng-model="selectedPosition" ng-options="unit.name for unit in selectedUnit.positions">
<option value="">---請選擇職位---</option>
</select>
</div>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • “為什么我說的話你就聽不懂呢” “我們之間沒法溝通,不要再說下去了” “不是,我說的不是這個(gè)意思啊,你不要理解錯(cuò)了...
    一直知更鳥閱讀 589評(píng)論 0 4
  • 殤飏閱讀 205評(píng)論 0 0
  • 那年的同學(xué)錄,你是否偷偷的把前世多少次的回眸后句才換得今生的一次擦肩而過改成今生的相伴而行,因?yàn)橄嘤鱿嘧R(shí)相知進(jìn)而以...
    易心攜同閱讀 291評(píng)論 0 0

友情鏈接更多精彩內(nèi)容