jQuery MultiSelect-von Eric Hynds — Wie bekomme ich den aktiviert Optionen

Könnte mir bitte jemand helfen, um die ausgewählten Optionen aus dem jQuery MultiSelect-von Eric Hynds und legen Sie Sie in eine sdf-Datei mit razor-syntax

Hier ist mein Rasierer + HTML-code-- ich bin usin webmatrix startersite als Vorlage

@{  var db = Database.Open("StarterSite");
    var selectQueryString = "SELECT * FROM Details where team like 'EMT'";
    }
<script src="~/Scripts/jquery.ms.js">
</script>
<script type="text/javascript">
    $(function ()
    {
        $("select").multiselect();
    });
    $(function ()
    {
        $("input[type=submit]").button();
    });


</script>
<link href="~/Content/ms.css" rel="stylesheet" type="text/css">


<form method="post">




    <select multiple id="all" name="all" multiple="Multiple">
                @{foreach(var row in db.Query(selectQueryString))
          {
            <option>@row.fname</option>
          }

         }
    </select>

        <input type="submit" value="Send Report" id="Repot" />

</form>
InformationsquelleAutor user2285398 | 2013-04-16
  1. 1

    Können Sie hinzufügen von Elementen zu einem array für die gewählten Optionen auf klicken Sie auf und verwenden Sie dann das array für die spätere Verwendung. Sehen Dokumentation für verschiedene Veranstaltungen.

    klicken Sie auf : wird ausgelöst, wenn eine checkbox aktiviert oder deaktiviert ist. js
    $("#multiselect").auf("multiselectclick", function(event, ui) { /*
    Veranstaltung: das original-event-Objekt-ui.Wert: Wert der checkbox
    ui.text: text der checkbox ui.geprüft: ob oder ob nicht der Eingang war
    aktiviert oder deaktiviert (boolean) */});

    Sowas

    $("select").multiselect({
    click: function(event, ui){
        if(ui.checked){//if checked
          ...push the value into array
        }
        else {//if unchecked
          ...remove that value from array
        }
    }
});

    Update

    Auf Ihre Website erwähnt. (Suche nach " Wie mache ich...?')

    Abrufen alle ausgewählten Werte?

    Der einfachste Weg ist der Aufruf val() in der select-box:

    var values = $("select").val();

    Das gleiche kann erreicht werden, verwenden Sie die multiselect-API. Rufen Sie die
    getChecked-Methode und ordnen Sie ein neues array:

    var array_of_checked_values = $("select").multiselect("getChecked").map(function(){
   return this.value;    
}).get();
    • Ich bin nicht sicher, ob ich richtig bin, aber ich bin mit dem jquery-plugin von Eric Hynds und brauchen etwas Hilfe mit dem getchecked () - Methode zugeordnet. getChecked Gibt ein array zurück, der alle Kontrollkästchen aktiviert. erichynds.com/blog/jquery-ui-multiselect-widget
    • Der code oben ist mit Eric Hynds plugin. Ich war das hinzufügen von ausgewählten Optionen in ein array, wenn Sie es auswählen. Was ist das genaue Problem, das Sie konfrontiert?
    • Danke für Eure Antworten. Ich brauche, um die markierten Elemente aus dem multiselect und legen Sie Sie in eine Datenbank, in der cshtml.
    • Siehe update zu beantworten. Hoffe, das hilft. Erhalten Sie die markierten Elemente.
    InformationsquelleAutor anpsmn
  2. 1

    Kann dies ein bisschen zu spät für Ihr Projekt, aber es wird sich hoffentlich jemand anderes helfen.

    Verwende ich die einfachere Ansatz in der update: 

        var values = $("select").val();

    Also, wenn Sie überprüft haben, Optionen 2, 4 und 6, die "Werte" wird eine Zeichenfolge wie diese: "2,4,6". Bei der Entwicklung von MVC-Projekt, müssen Sie zum speichern dieser Zeichenfolge in ein verstecktes Feld im Formular, ansonsten ist der controller keinen Zugriff mehr auf Sie. In meinem code, ich benutze die "schließen" - Ereignis zu schreiben, die Ausgabe (also 2,4,6...), um ein verstecktes Textfeld namens "Ausgabe".

    einige code-snippets:

    Erstellen ein verstecktes Feld in das Formular:

        @Html.Hidden("output", null)

    Definieren Sie die "close" - event-handler in der ersten multiselect definition:

        <script type='text/javascript'>
        $('select').multiselect(function() {
           //your code
           close: function(event, ui){
               var values = $('select').val();
               $('#output').val(values);
               //you can inspect the value using alert(values); 
           },
           //your code
           //your code
        });
    </script>

    Nun in den post zurück, ein Teil Ihrer Aktion Bearbeiten, bilden, ["Ausgabe"] ist gleich "2,4,6".

    Wie diese zu verwenden, um ein update der Datenbank hängt von einer Vielzahl von Parametern, die in Ihr Projekt. Wenn Sie schon das festhalten an der MVC-pattern-Richtlinien, müssen Sie nur aktualisieren Sie Ihr Modell in der controller-Aktion Bearbeiten und rufen Sie die update (oder) - Methode mit dem modifizierten Modell.

    Hoffe, das hilft.

    Dank

    Nasser.

    InformationsquelleAutor user3416507
Schreibe einen Kommentar