onChange und onSelect in DropDownList

7

Ich habe eine DropDownList, die den Benutzer fragt, ob er dem Club beitreten möchte:

%Vor%

Unter dieser Liste befindet sich eine andere Liste, die standardmäßig deaktiviert ist. Diese Liste hat die Abteilungen des Clubs. Diese Liste wird erst aktiviert, wenn der Benutzer Ja wählt.

Ich habe den folgenden Code erstellt, aber das Problem, das ich nicht lösen konnte, ist angenommen, dass der Benutzer Ja wählt und dann seine Entscheidung ändert, damit er wieder Nein wählt. In diesem Fall ist die Liste der Abteilungen weiterhin aktiviert. Ich möchte, dass es deaktiviert wird, wenn er Nein wählt.

%Vor%

Ich dachte, dass onSelect="disable();" das Problem lösen würde, aber es funktioniert immer noch nicht.

Danke

    
Nasser 29.03.2012, 23:37
quelle

5 Antworten

14

Ich würde es so machen jsFiddle Beispiel .

JavaScript:

%Vor%

HTML:

%Vor%     
j08691 29.03.2012, 23:53
quelle
3

Um eine stabile Form zu erstellen, laden Sie sie in einen nützlichen Zustand und verwenden Sie ein Skript, um ihr Verhalten zu verbessern. Im Folgenden wurde die Auswahl durch Radioknöpfe ersetzt (erleichtert dem Benutzer das Leben).

Die Option "yes" ist standardmäßig aktiviert und die Auswahl ist aktiviert. Wenn der Benutzer einen der beiden Optionsfelder überprüft, wird die Auswahl entsprechend aktiviert oder deaktiviert.

%Vor%     
RobG 30.03.2012 01:05
quelle
3

Ich wette, dass onchange nach dem onselect ausgelöst wird und die Auswahl im Wesentlichen wieder aktiviert.

Ich würde empfehlen, dass Sie nur onchange implementieren, prüfen, welche Option ausgewählt wurde, und basierend darauf aktivieren oder deaktivieren.

Um den Wert der ausgewählten Option zu erhalten, verwenden Sie:

%Vor%

Was ergibt .. nichts, da Sie keinen Wert für jede Option angegeben haben ..: (

%Vor%

Jetzt wird "yes" oder "no"

angezeigt     
Halcyon 29.03.2012 23:39
quelle
2

Einfach & amp; Einfach : JavaScript-Code:

%Vor%

fügen Sie einfach in dieser Zeile [onChange="JoinedOrNot ()"] hinzu: <select id="mySelect" onchange="JoinedOrNot()">

es funktioniert gut;)

    
Yassine Sedrani 23.11.2014 01:48
quelle
0

hmm. warum benutzt du nicht onClick()

%Vor%     
cargaraanorland 01.01.2014 01:46
quelle

Tags und Links