Πώς να αντιστοιχίσετε μια κρυμμένη αξία από μια κάτω πτώση σε Javascript

JavaScript είναι μια γλώσσα που χρησιμοποιείται ευρέως για να αλλάξει δυναμικά διεπαφές χρήστη . Χρησιμοποιώντας JavaScript , Web προγραμματιστές μπορούν να έχουν πρόσβαση τα στοιχεία που αποτελούν μέρος του μοντέλου αντικειμένου εγγράφου HTML , άμεσα προσδιορισμό, την αξιολόγηση και το χειρισμό των στοιχείων που περιέχουν HTML σελίδες . Στοιχεία DOM HTML είναι απλά HTML στοιχεία και να έχουν μια ποικιλία χαρακτηριστικών συνήθως διαθέσιμα . Αυτά τα χαρακτηριστικά , συμπεριλαμβανομένων των χαρακτηριστικών της προβολής , μπορούν να έχουν τιμές τους μεταβάλλεται δυναμικά , προστεθούν ή να διαγραφούν με βάση τις δράσεις που λαμβάνονται από τον τελικό χρήστη , όπως η επιλογή μιας τιμής από μια drop -down μενού . Οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο κειμένου με το όνομα dropdownHidden.html . Συνήθως , η επιλογή " New " από το μενού "Αρχείο" δημιουργεί νέα αρχεία . 2

Προσθέστε μερικές βασικές ετικέτες HTML στο αρχείο , συμπεριλαμβανομένης μιας tag , μια ετικέτα , α , μια ετικέτα , α και tag .
εικόνων 3

Προσθέστε ένα ανοικτό tag στο αρχείο . Ρυθμίστε τον τύπο χαρακτηριστικό του σεναρίου για "text /javascript . " Κάθε κείμενο που τοποθετείται μεταξύ των δύο αυτών διαχωριστικά θα πρέπει να θεωρείται κώδικα JavaScript όταν η σελίδα φορτώνει
Η 4

κηρύξει μια λειτουργία JavaScript που ονομάζεται " storeVal ( ) " και πρόσθεσε ένα ανοικτό άγκιστρο - . { - Και κλείστε άγκιστρο - } - να αναφέρει τη θέση του σώματος της συνάρτησης . Η λειτουργία storeVal δεν παίρνει ορίσματα .
5

αναγνωρίσει μια μεταβλητή που ονομάζεται " hiddenId " μεταξύ της storeVal ( ) ανοίγουν και κλείνουν αγκύλες συνάρτησης . Χρησιμοποιήστε τη μέθοδο JavaScript document.getElementById να ανακτήσει τη θέση του ένα κρυφό πεδίο εισόδου με το id " HiddenField " .
Η 6

κηρύξει μια δεύτερη μεταβλητή με το όνομα " dropDownId " στη γραμμή μετά τη μεταβλητή hiddenId . Χρησιμοποιήστε τη μέθοδο document.getElementById να ανακτήσει τη θέση του drop-down μενού που θα χρησιμοποιηθεί για να συμπληρώσετε το κρυφό πεδίο εισαγωγής .
Η 7

αναγνωρίσει μια τρίτη μεταβλητή με το όνομα " selectedElement " στη γραμμή μετά την dropDownId μεταβλητή . Χρησιμοποιήστε την αναφορά dropDownId να ανακτήσετε το δείκτη για το επιλεγμένο στοιχείο από το drop -down μενού .
8

Ρυθμίστε το " hiddenId " "αξία" μεταβλητή στην « selectedElement " μεταβλητή . Προσθέστε αυτόν τον κώδικα στη γραμμή μετά τη μεταβλητή selectedElement .
Η 9

Δημιουργήστε ένα drop-down μενού HTML τοποθετώντας μια ετικέτα μεταξύ του και tags dropdownHidden.html . Δώστε το ετικέτα ενός "id " αξία " εξελισσόμενα " . Χρησιμοποιήστε ένα " onClick " εκδήλωση για να καλέσετε τη λειτουργία storeVal όταν ο χρήστης επιλέγει ένα αντικείμενο από το μενού drop-down . Εκχώρηση μία ετικέτα στο μενού με την τιμή " A" . Επισημάνετε το ετικέτα " A" και κλείστε το tag . Αντιστοιχίστε μια δεύτερη ετικέτα στο μενού με την τιμή " B " . Επισημάνετε το ετικέτα " Β" , κλείστε το tag και να κλείσει το tag .
Η 10

Προσθήκη ετικέτας ενός HTML στο αρχείο αμέσως μετά το tag . Δώστε στο tag έναν τύπο χαρακτηριστικό " κρυφό" και το id " HiddenField " . Αποθηκεύστε και κλείστε dropdownHidden.html . DropdownHidden.html θα εμφανιστεί όπως φαίνεται παρακάτω :