/// <summary>
/// 平臺(tái)角色
/// </summary>
public enum AdministratorRole
{
 [Display(Name = "平臺(tái)管理員")]
 PlatformAdministrator = 1,
 [Display(Name = "加盟商")]
 JoiningTrader = 10
}

代碼：

<div class="form-group">
  @Html.LabelFor(x => x.AdministratorRole, new { @class = "col-sm-2 control-label" })
  <div class="col-sm-8">
   @Html.EnumDropDownListFor(x => x.AdministratorRole, new { @class = "form-control", onChange = "showSchool(this.value)", placeholder = Html.DisplayNameFor(x => x.AdministratorRole) })
  </div>
  <div class="col-sm-2">
   <div class="help-block">@Html.ValidationMessageFor(x => x.AdministratorRole)</div>
  </div>
 </div>
 <div class="form-group" style="display:none" id="schoolSelect">
  @Html.LabelFor(x => x.SchoolId, new { @class = "col-sm-2 control-label" })
  <div class="col-sm-8">
   @Html.DropDownListFor(x => x.SchoolId, Model.Schools, new { @class = "form-control", placeholder = Html.DisplayNameFor(x => x.SchoolId) })
  </div>
  <div class="col-sm-2">
   <div class="help-block">@Html.ValidationMessageFor(x => x.SchoolId)</div>
  </div>
 </div>

先讓學(xué)校列表隱藏，style=”display:none”;效果和下圖一樣。我們利用下拉框的onChange事件來(lái)讓其執(zhí)行設(shè)定的方法showSchool(),這里面的參數(shù)是我們選擇的值，this代表的AdministratorRole。

js代碼：

 <script type="text/javascript"> 
 function showSchool(v){  
  if (10 == v) {
   document.getElementById("schoolSelect").style = "display:inline";
  } else {
   document.getElementById("schoolSelect").style = "display:none";
  }
 }
</script>

這樣就可以了。

效果：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

js
下拉框

相關(guān)文章

JavaScript 實(shí)現(xiàn)下雪特效的示例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)下雪特效的示例代碼，幫助大家利用JavaScript制作特效，感興趣的朋友可以了解下
2020-09-09
javascript實(shí)現(xiàn)全角轉(zhuǎn)半角的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)全角轉(zhuǎn)半角的方法,涉及JavaScript字符串遍歷與編碼轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
基于JS實(shí)現(xiàn)移動(dòng)端向左滑動(dòng)出現(xiàn)刪除按鈕功能
最近在做移動(dòng)端項(xiàng)目時(shí)，需要實(shí)現(xiàn)一個(gè)列表頁(yè)面的每一項(xiàng)item向左滑動(dòng)時(shí)出現(xiàn)相應(yīng)的刪除按鈕，其實(shí)實(shí)現(xiàn)此功能很簡(jiǎn)單的。這篇文章主要介紹了基于js實(shí)現(xiàn)移動(dòng)端向左滑動(dòng)出現(xiàn)刪除按鈕,需要的朋友可以參考下
2017-02-02
JavaScript的Proxy對(duì)象詳解
這篇文章主要為大家介紹了JavaScript的Proxy對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-12-12
js字符串倒序的實(shí)例代碼
這篇文章主要介紹了js字符串倒序的實(shí)例代碼,代碼分為3部分，給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-11-11
Bootstrap select實(shí)現(xiàn)下拉框多選效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap select實(shí)現(xiàn)下拉框多選效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
基于原生JS封裝的Modal對(duì)話框插件的示例代碼
這篇文章主要介紹了基于原生JS封裝的Modal對(duì)話框插件的示例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-09-09
plupload+artdialog實(shí)現(xiàn)多平臺(tái)上傳文件
這篇文章主要介紹了plupload+artdialog實(shí)現(xiàn)多平臺(tái)上傳文件的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
JavaScript中改變this指向的三種方式總結(jié)
this?指向的值是可以通過(guò)手動(dòng)方式去改變的,比如call、bind、apply方法,本文主要為大家介紹了這三種方式的具體實(shí)現(xiàn)步驟,需要的可以參考下
2023-12-12
es6中比較有用的7個(gè)技巧小結(jié)
這篇文章主要給大家介紹了關(guān)于es6中比較有用的7個(gè)技巧，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用es6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07