Mit einem html-select-box mit Rasiermesser

Ich habe ein html-Selektor, und ich möchte, dass der ausgewählte Wert für mein "model => Modell.Typ" in meinem Formular. Gibt es eine Möglichkeit, um den Wert in meine @Html.EditorFor(model => model.type) auf den Wert des Selektors?

@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>Bet</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.type)
    </div>
    <div class="editor-field">

        <select id ="type">
  <option value="Football">Football</option>
  <option value="Rugby">Rugby</option>
  <option value="Horse Racing">Horse Racing</option>
</select>

        @Html.EditorFor(model => model.type)
        @Html.ValidationMessageFor(model => model.type)

    </div>



    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
kannst du nicht tun, dies mit Rasierer, müssen Sie Javascript verwenden, können Sie jQuery verwenden?
Warum brauchen Sie zwei Steuerelemente für die type-Eigenschaft? Haben Sie bestimmte Gründe, die nicht nur ein drop-down-Liste?
sorry, mein Fehler, ich Verstand, Sie wollte den Wert von "auswählen" in der "input"

InformationsquelleAutor Tk Breen | 2012-12-14

  1. 19

    Können Sie versuchen, mit diesen Optionen:

    Modell:

    public string Type { get; set; }

public IEnumerable<SelectListItem> TypeList
{
    get
    {
        return new List<SelectListItem>
        {
            new SelectListItem { Text = "Football", Value = "Football"},
            new SelectListItem { Text = "Rugby", Value = "Rugby"},
            new SelectListItem { Text = "Horse Racing", Value = "Horse Racing"}
        };
    }
}

    HTML (Razor):

    @Html.DropDownListFor(model => model.Type, Model.TypeList)

    ODER

    HTML (Razor):

    @Html.DropDownListFor(model => model.Type, new SelectList(new string[] {"Football", "Rugby", "Horse Racing"}, Model.Type))
    Ich bin langsam am: System.NullReferenceException: der Objektverweis wurde nicht auf eine Instanz eines Objekts.
    Ich möchte nur hervorheben, dass es zwei Klassen mit dem Namen SelectListItem die, die Sie wollen, ist in System.Web.Mvc und nicht der in System.Web.WebPages.Html.
    Hi @NickG, sind Sie weiterhin mit dem problem? vielleicht können Sie eine Frage erstellen und dann können Sie kopieren hier der link
    danke für den Kommentar +1
    Ich habe die gleiche Ausnahme wie @Nick

    InformationsquelleAutor andres descalzo

  2. 2

    @andresdescalzo Lösung (Letzte) funktioniert mit einer kleinen änderung:

    @Html.DropDownListFor(model => model.Type, new SelectList(new string[] {"Football", "Rugby", "Horse Racing"}, "Rugby"), htmlAttributes: new { @class = "form-control" })


    Erste: Fügen Sie ein ausgewähltes Element für die dropdown-Liste (z.B. "Rugby")


    Zweite: entfernt die letzten Model.Type und fügen Sie htmlAttributes

    PS: SelectedList offenen Klammern geschlossen nach ausgewählten Eintrag der Liste (hier ist "Rugby")

    InformationsquelleAutor mehdirahimi

  3. 1

    Die Lösung von @andresdescalzo funktioniert nur, wenn wir an das Modell vom Controller an die view. 

    public class SomeController : Controller
{
  public ActionResult SomeAction()
  {
    return View(new SomeModelWithIEnumerationsSelectListItem())
  }
}

    InformationsquelleAutor Diwas

  4. 0

    Ergänzung zu den bereits vorhandenen Antworten: Wenn Sie die Ausnahme: "der Objektverweis nicht auf eine Instanz eines Objekts" bei der Umsetzung @andresdescalzo Lösung, müssen Sie entweder:

    1. Rückkehr das Modell, mit dem Sie arbeiten, wie @diwas erwähnt
    2. Instanziieren Sie ein Modell auf der razor Seite, so können Sie die Methode aufrufen. Dies ist hilfreich, wenn Sie eine ViewModel-anstelle einer einfachen EF-Modell.

    Den zweiten können Sie das wie folgt: 

    @{ var tempModel = new YourNameSpace.Models.YourModel(); }
@Html.DropDownListFor(model => model.Type, tempModel.TypeList, Model.Type))

    InformationsquelleAutor chakeda

  5. 0

    Dies ist die Razor View

        <div class="editor-field col-md-3">          
        @Html.DropDownListFor(model => model.Servers, 
          Model.AvailableServers,new { @class = "form-control" })  
         @Html.ValidationMessageFor(model => model.SqlServerName)
    </div>

    Dynamisches DropDown-von der Steuerung

            List<SelectListItem> ServersAvailable = new List<SelectListItem>();
            bool IdSelected = false;
            ServersAvailable.Add(new SelectListItem { Text = "......Select your server name......", Value = "" });
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                ServersAvailable.Add(new SelectListItem
                {

                    Text = dt.Rows[i].ItemArray[0].ToString(),
                    Value = dt.Rows[i].ItemArray[0].ToString(),
                    Selected = IdSelected
                });
            }

    InformationsquelleAutor sapana

Schreibe einen Kommentar