Tworzenie listy rozwijanej Tylko do odczytu (nie wyłączone)

Question

Szukam tylko menu rozwijanego chosen tylko do odczytu, i trzeba to zrobić dynamicznie za pomocą selektora jQuery. Jeśli ustawię go wyłączony za pomocą:

$("#dropdownDepartment").attr("disabled","disabled").trigger('chosen:updated'); 

wartość nie jest POSTed, ale potrzebuję go.

Próbowałem

$("#dropdownDepartment").attr('readonly',true).trigger('chosen:updated'); 

ale to nie działa.

Używam Chosen v1.4.2 i jQuery v2.1.4.

Pomoc doceniona! Dziękuję Ci.

Answer 1

Istnieje kilka opcji, które można wykonać.

• Wyłącz listę rozwijaną i zapisz wartość w ukrytym polu i wyślij ją w POST.

• wyłączyć wszystkie pozostałe pozycje więc tylko jeden wybrany jest włączona

  $('#dropdownDepartment option:not(:selected)').attr('disabled', true); 
  

• Wyłącz spadek w dół i zanim zrobisz post włączyć
• Kiedy chcesz wyłączyć go przekształcić go tylko do odczytu tekstowe

Answer 2

spróbuj tego: -

var select = $('select'); 
var oldVal=$('select').val(); 
select.chosen().on('change',function(e){ 
    select.val(oldVal); 
    select.trigger("chosen:updated"); 
}); 

Demo

Answer 3

Mam obejście na tym samym. Miejmy nadzieję, że pomoże to komuś w przyszłości (chyba już to zrobiłeś).

Najpierw wydrukuj wybraną wartość opcji wybranego wyboru na ukryte wejście, takie jak poniższe. Dla $_POST wartości uzyskać wartość z tego ukrytego wejścia $_POST['myselect']:

<input type="hidden" name="myselect" value="selected_option_value_goes_here" /> 

Następnie wyłączyć wybrany wybierz. Ale bezpieczne jest ustawienie ukrytej wartości wejściowej na bieżącą przed wyłączeniem:

$('input[name=myselect]').val($(".chosen-select").val()); 
$('.chosen-select').attr("disabled", true).trigger("chosen:updated"); 

N.B. Jeśli nie chcesz go wyłączyć, po prostu nie musisz aktualizować wartości ukrytego wejścia w zdarzeniu zmiany wybranego wyboru.

A working demo can be found by clicking here.

Answer 4

mogę spóźnić się do partii, ale natknąłem się na tym samym numerze jak OP. Rozwiązaniem, które znalazłem, aby przywrócić wartości, nawet jeśli są wyłączone, jest ponowne włączenie ich po przesłaniu formularza.

$("form").bind("submit", function() { 
    $("#TheList *").prop("disabled", false).trigger("chosen:updated"); 
}); 

Zauważ, że [spacja] [gwiazda] po TheList, to ponowne rekursywne włączenie każdego dziecka na liście.

Answer 5

Najlepsze rozwiązanie dla mnie było tak brzydką sztuczką $("#dropdownDepartment").prop('disabled',true).trigger('chosen:updated').prop('disabled',false). Tak wybrana jest wyłączona, ale wartość z select jest POSTed.