Html DropDownList - Disabled Readonly

Question

What option do I need to set to make a drop down box readonly when using MVCs Html DropDownList   I ve tried things like      Html DropDownList  Types   Model Types  new    Enabled    false          and many different things along this line  alas no joy   I thought this would be an easy     and it probably is

User · Answer

I ve create this answer after referring above all comments  amp  answers  This will resolve the dropdown population error even it get disabled   Step 01   x000D   x000D  Html DropDownList  Types   Model Types  new   readonly  readonly    x000D   x000D   x000D    Step 02  This is css pointerevent remove code    x000D   x000D   lt style type  text css  gt  x000D       Types   x000D          pointer-events none  x000D        x000D   lt  style gt  x000D   x000D   x000D   Then you can have expected results  Tested  amp  Proven

User · Answer

lt script type  text javascript  gt    function                document   ajaxStart function                          dropdownID   attr  disabled    disabled                                ajaxStop function                          dropdownID   removeAttr  disabled                           lt  script gt

User · Answer

Regarding the catch 22   If we use  disabled  the field is not sent to the action  Mamoud  And if we use  readonly  the drop down bug still lets you change the value   Workaround  use  disabled  and add the field hidden after the drop down    Html HiddenFor model   gt  model xxxxxxxx    Then it is truly disabled  and sent to the to the action too

User · Answer

Try this  Html DropDownList  Types   Model Types  new    disabled    disabled

User · Answer

You could use this approach  Disabling all the options except the selected one    lt select gt       lt option disabled gt 1 lt  option gt       lt option disabled gt 2 lt  option gt       lt option selected gt 3 lt  option gt   lt  select gt    This way the dropdown still submits  but the user can not select another value   With jQuery   lt script gt        document  ready function                  yourSelectId option not  selected    prop  disabled   true            lt  script gt

User · Answer

Html DropDownList  Types   Model Types  new    disabled    disabled      Html Hidden Model Types  and for save and recover the data  use a hidden control

User · Answer

try with  disabled and jquery  in that way you can get the value on the Controller  Html DropDownList  quot Types quot   Model Types  new   class    quot your class disabled quot    disabled   quot disabled quot      Add a class called  quot disabled quot  so you can enabled by searching that class in case of multiples disabled fields   then you can use a  quot setTimeout quot  in case of not entering controller by validation attributes  lt script gt     function clickSubmit            quot select disabled quot   attr  quot disabled quot   false       setTimeout function                 quot select disabled quot   attr  quot disabled quot   true          500        lt  script gt   submit button like this    lt button type  quot submit quot  value  quot Submit quot  onclick  quot clickSubmit    quot  gt Save lt  button gt   in case of inputs  just use  readonly  quot readonly quot   Html TextBoxFor  quot Types quot  Model Types  new    class    quot form-control quot    readonly   quot readonly quot

User · Answer

I just do this and call it a day  Model Id  gt  -1   Html EnumDropDownListFor m   gt  m Property  new   disabled    disabled       Html EnumDropDownListFor m   gt  m Property

User · Answer

I had to disable the dropdownlist and hide the primary ID   lt div class  form-group  gt           Html LabelFor model   gt  model OBJ ID   Objs   htmlAttributes  new    class    control-label col-md-2              lt div class  col-md-10  gt               Html DropDownList  OBJ ID   null  htmlAttributes  new    class    form-control    disabled    disabled                 Html HiddenFor m   gt  m OBJ ID               Html ValidationMessageFor model   gt  model OBJ ID      new    class    text-danger              lt  div gt       lt  div gt

User · Answer

Or you can try something like this   Html DropDownList  Types   Model Types  new    readonly    true

User · Answer

Html DropDownList  Types   Model Types  new    disabled           Works

User · Answer

Put this in style   select readonly  option  select readonly  optgroup           display  none

User · Answer

A tip that may be obvious to some but not others    If you re using the HTML Helper based on DropDownListFor then your ID will be duplicated in the HiddenFor input  Therefore  you ll have duplicate IDs which is invalid in HTML and if you re using javascript to populate the HiddenFor and DropDownList then you ll have a problem   The solution is to manually set the ID property in the htmlattributes array      Html HiddenFor model   gt  model Entity    Html EnumDropDownListFor    model   gt  model Entity     new              class    form-control sharp             onchange                 id     EntityDD             disabled    disabled

User · Answer

For completeness here is the HTML Helper for DropDownListFor that adds enabled parameter  when false select is disabled  It keeps html attributes defined in markup  or it enables usage of html attributes in markup  it posts select value to server and usage is very clean and simple   Here is the code for helper   public static MvcHtmlString DropDownListFor lt TModel  TProperty gt  this HtmlHelper lt TModel gt  html  Expression lt Func lt TModel  TProperty gt  gt  expression  IEnumerable lt SelectListItem gt  selectList  object htmlAttributes  bool enabled      if  enabled          return SelectExtensions DropDownListFor lt TModel  TProperty gt  html  expression  selectList  htmlAttributes          var htmlAttributesAsDict   HtmlHelper AnonymousObjectToHtmlAttributes htmlAttributes     htmlAttributesAsDict Add  disabled    disabled      string selectClientId   html ViewContext ViewData TemplateInfo GetFullHtmlFieldId ExpressionHelper GetExpressionText expression      htmlAttributesAsDict Add  id   selectClientId     disabled       var hiddenFieldMarkup   html HiddenFor lt TModel  TProperty gt  expression     var selectMarkup   SelectExtensions DropDownListFor lt TModel  TProperty gt  html  expression  selectList  htmlAttributesAsDict     return MvcHtmlString Create selectMarkup ToString     Environment NewLine   hiddenFieldMarkup ToString         and usage  goal is to disable select if there is just one item in options  markup    Html DropDownListFor m   gt  m SomeValue  Model SomeList  new    class    some-class     Model SomeList  gt  1    And there is one even more elegant HTML Helper example  no post support for now  pretty straight forward job  just use HAP and add hidden input as root element sibling and swap id s    public static MvcHtmlString Disable this MvcHtmlString previous  bool disabled  bool disableChildren   false      if  disabled          var canBeDisabled   new HashSet lt string gt     button    command    fieldset    input    keygen    optgroup    option    select    textarea         var doc   new HtmlDocument        doc LoadHtml previous ToString         var rootElements   doc DocumentNode Descendants   Where        hn   gt  hn NodeType    HtmlNodeType Element  amp  amp         canBeDisabled Contains hn Name ToLower     amp  amp          disableChildren    hn ParentNode NodeType    HtmlNodeType Document         foreach  var element in rootElements              element SetAttributeValue  disabled                  string html   doc DocumentNode OuterHtml      return MvcHtmlString Create html         return previous      For example there is a model property bool AllInputsDisabled  when true all html inputs should be disabled     Html TextBoxFor m   gt  m Address  new   placeholder    Enter address     Disable Model AllInputsDisabled    Html DropDownListFor m   gt  m DoYou  Model YesNoList  Disable Model AllInputsDisabled

[asp.net-mvc] Html.DropDownList - Disabled/Readonly

Examples related to asp.net-mvc