/// <summary>
/// 平臺角色
/// </summary>
public enum AdministratorRole
{
 [Display(Name = "平臺管理員")]
 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事件來讓其執(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>

這樣就可以了。

效果：

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

您可能感興趣的文章:

js
下拉框

相關(guān)文章

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