I'm trying to show the Model instead of a dropdown list

Question

So basically once the user clicks on the module for create, I would want it to show the module shown instead of a drop down list for selection.

---

@model Module1.Models.Learn

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"type="text/javascript"></script>

@using (Html.BeginForm()) {
  @Html.ValidationSummary(true)
  <fieldset>
    <legend>Learn</legend>
      <div class="editor-label">
        @Html.LabelFor(model => model.ModuleId, "Module") 
      </div>
      <div class="editor-field">
        @Html.DropDownList("ModuleId", String.Empty)
        @Html.ValidationMessageFor(model => model.ModuleId)
      </div>

---

Above is my Create View for Learning Outcome.

---

@model Module1.Models.Module

@{
    ViewBag.Title = "Details";
}

<h2>Learning Outcome : @Model.Code</h2>
<br /

---

This is the Details View for my Learning Outcome. I tried using the code "@Module.Code" to portray in my Create View but was unsuccessful. Is there another way for me to have the same result in the create view?

---

My Module Model

using System.Collections.Generic;

namespace Module1.Models
{
   public class Module
{
    public int ModuleId { get; set; }
    public int CourseId { get; set; }
    public int LecturerId { get; set; }
    public string Code { get; set; }
    public string Description { get; set; }

    public virtual Course Course { get; set; }
    public virtual Lecturer Lecturer { get; set; }

    public List<Reference> References { get; set; }
    public List<Assessment> Assessments { get; set; }//new
    public List<Front> Fronts { get; set; }
    public List<Learn> Learns { get; set; }
    public List<Topic> Topics { get; set; }

}
}

---

My Learn Model

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Module1.Models
{
    public class Learn
    {
    public int LearnId { get; set; }
    public int ModuleId { get; set; }
    public string LearnText { get; set; }
    public bool A { get; set; }
    public bool B { get; set; }
    public bool C { get; set; }
    public bool D { get; set; }
    public bool E { get; set; }
    public bool F { get; set; }
    public bool G { get; set; }
    public bool H { get; set; }
    public bool I { get; set; }
    public virtual Module Module { get; set; }

}
}

---

Answer 1

In your GET method for create you need to generate a SelectList that represents the options you want to render in the dropdown. Ideally you should be using a view model to represent what you want to display/edit, but in this example, I'll just assign in to ViewBag

var modules = // call database to get all the modules
ViewBag.ModuleList = new SelectList(modules, "ModuleId", "Code");

View

@model Module1.Models.Learn
....
@using (Html.BeginForm()) {
  ....
  @Html.DropDownListFor(m => m.ModuleID, (SelectList)ViewBag.ModuleList, "-please select-")
  ....
}

or if your using a view model (which you should, refer What is ViewModel in MVC?) then it would be

@Html.DropDownListFor(m => m.ModuleID, Model.ModuleList, "-please select-")

Note the value of property Module.Code will be the display text, and the value of property Module.ModuleId will be bound to the Learn.ModuleID property. If you set the value of Learn.ModuleID in the controller before passing it to the view, then the text for that Module will be displayed, otherwise the "-please select-" option will be selected.

Note ALWAYS use strongly typed helpers - DropDownListFor() not DropDownList()

Edit

Based on further comments by OP, to display the value as 'readonly'. In the controller, get the Code value for the Module and assign to a view model or ViewBag property

var module = db.Modules.Where(m => m.ModuleId == learn.ModuleId).FirstOrDefault();
if (module != null)
{
  ViewBag.Code = module.Code;
}

and in the view

<div>@ViewBag.Code</div>

or

@Html.DisplayFor(m => m.Code) // if using a view model

and if you want to post back the value as well, include a hidden input for the ModuleID

@Html.HiddenFor(m => m.ModuleId)