2011-11-29 13 views
20

Jak dokładnie mogę zrobić, aby znacznik wyboru był tylko do odczytu. Czytałem, że nie można ustawić zaznaczenia jako przeczytanego. Robię to, mogę ustawić to jako wyłączone, ale ... To nie jest opcja. Chciałbym, aby użytkownik przeglądał pozostałe opcje w tagu select, ale nie może wybrać jednego z nich.Wyłącz/wybierz tylko do odczytu znacznik w html

Jakieś pomysły?

+3

Jaki jest sens aby umożliwić użytkownikowi zobaczenie wszystkich opcji, ale nie pozwala mu wybrać żadnego z nich? – dhblah

+25

I dunno dude. Jestem tylko programistą. Zapytaj głupich użytkowników. :-( – Tiwaz89

+2

@Relborg, zaśmiałem się tak mocno, że moi koledzy dziwnie wyglądali ... –

Odpowiedz

33

możesz użyć wyłączonego atrybutu.

na przykład.

<select > 
    <option disabled="disabled" value="volvo">Volvo</option> 
    <option disabled="disabled" value="saab">Saab</option> 
    <option disabled="disabled" value="mercedes">Mercedes</option> 
    <option disabled="disabled" value="audi">Audi</option> 
</select> 
+1

Widzę .. ustaw każdy tag opcji jako wyłączony zamiast wyłączania całego znacznika wyboru.Dzięki za pomoc Saifuddin.Naprawdę doceniam to – Tiwaz89

+1

uniemożliwia przesłanie wybranych wartości za pomocą formularza: –

+0

@ButtleButkus Tak, masz rację Wyłączone elementy w formularzu nie zostaną przesłane, dopóki atrybut wyłączony nie będzie działał z tak ukryty pole zostanie użyte dla wybranych wartości: –

10

założyć, że tag id = "mySelectID" i jQuery jest rezydentem, a następnie:

<script language="javascript"> 
// disable all the options that are not in use: 
$("#mySelectID option").not(":selected").attr("disabled", "disabled"); 

// to remove readonly, enable them again: 
$("#mySelectID option").not(":selected").attr("disabled", ""); 
</script> 
+1

jQuery rozróżnia teraz atrybuty i właściwości , więc możesz także: '$ (selector) .prop ('disabled', true)' Details: http://api.jquery.com/prop/ –

0

użyłem wartości wybranych niepełnosprawnych dla tagu opcji.

Spowoduje to monitowanie użytkownika o wybranie opcji i jednoczesne wyłączenie tej opcji.

Przykład:

<option selected disabled>-Select-</option> 
0

https://coderanch.com/t/469173/select-box-READONLY-true

jeśli chcesz wyłączyć pole zaznaczania, a następnie można użyć kodu javascript, aby włączyć go z powrotem, zanim forma podnosi. Więc na zdarzenie onsubmit formularza można włączyć polu Wybierz tak, że jej wartość jest również składać, gdy formularz jest składany ...

0

Można zrobić to fałszywy-readonly dodając style="pointer-events:none;"