Twitter bootstrap-select readonly noch in der Lage, um Optionen zu ändern

Ich habe eine bootstrap-wählen Sie mit readonly="true" aber ich kann immer noch ändern der ausgewählten option.

Brauche ich die disabled="true" Verhalten, aber wenn ich dieses nutzen die auswählen, die nicht eingereicht.

Brauche ich eine Kombination aus 2, die gewählte option kann nicht geändert werden, aber die wählen Sie eingereicht werden.

Könnte ich versteckte Felder, aber ich hoffte auf eine einfachere Lösung.

  • Ich glaube nicht, dass jeder wählen Ersatz-plugin haben, wird dieses Verhalten, als die standard - select - element nicht unterstützt. Wenn Sie es brauchen, werden Sie wahrscheinlich benötigen entweder code selber, oder wie du sagst, deaktivieren Sie das element, und verwenden Sie einen versteckten Eingang.
InformationsquelleAutor Ruben | 2015-09-29
  1. 6

    Andere Möglichkeit könnte sein, verwenden Sie eine select-Ersatz mit dropdowns dort sollte es möglich sein, deaktivieren Sie die dropdown aber noch die Einreichung der Wert des versteckten select-element.
    Aber dann könnten Sie auch versteckte Felder...

    Oder Sie wirklich fügen Sie ein verstecktes Feld mit dem ausgewählten Wert im Falle der select-element deaktiviert ist.

    <input type="hidden" name="whatever">
<select name="whatever">

    Wenn das hidden-Feld den gleichen Namen als den auswählen, der ausgewählte Wert der wählen Sie überschreiben soll den übermittelten Wert des versteckten Feldes (z.B. bei select-Feld dynamisch mit aktiviertem js). Und wenn die Option ist deaktiviert, der Wert des versteckten Feldes gesendet wird.
    Nicht sicher über die Reihenfolge, was zuerst gesendet wurde.

    $(document).ready(function(){$('select option:not(:selected)').attr('disabled',true);});

    diese Lösung sollte auch funktionieren (zumindest mit js aktiviert ist). Es deaktivieren Sie alle nicht ausgewählte option. Und deshalb ist die gewählte option wird eingereicht und es konnte nicht geändert werden.

    Gibt es eine ähnliche und bereits beantwortete Frage html-form-readonly-select-tag-Eingabe

    • danke, ich verwendet Sie Letzte Lösung: $('select[readonly] option:not(:selected)').attr('disabled', true);
    • können Sie auch hightlight dein link zu dem anderen post, die Antworten sind vollständiger als meins, vielleicht ist mir auch ein Duplikat?
    InformationsquelleAutor BHoft
  2. 8

    Ich habe ein ähnliches Problem und was ich zu tun ist, wenn das Formular "onsubmit" - Ereignis ausgelöst wird, entfernen Sie die deaktivierten Parametern wie der browser wird nicht post-deaktiviert Attribute an den server zurück.

    $('form').submit(function () { $('[disabled]').removeAttr('disabled'); })

    Als Sie erwähnt, die einzige andere Möglichkeit die ich gefunden habe, ist das finden der Werte, um versteckte Eingänge.

    InformationsquelleAutor Sean Wessell
  3. 1

    Automatisch hinzufügen disabled, readonly,

    $('[readonly]').prop( "disabled", true );

    Vor dem Senden entfernen deaktiviert

    $('[readonly]').prop( "disabled", false );

    Hinweis von Jquery doc:

    Als von jQuery 1.6, die .attr () - Methode gibt undefined Attribute
    noch nicht festgelegt wurde. Zum abrufen und ändern von DOM-Eigenschaften wie
    die überprüft, ausgewählt, oder deaktivierten Zustand von form-Elementen, verwenden Sie die
    .prop() Methode.

    InformationsquelleAutor Yush0
Schreibe einen Kommentar