Κατά τη δημιουργία μιας φόρμας ή ενός ερωτηματολογίου, μπορεί να υπάρχει απαίτηση να εκχωρηθεί μια τιμή εισόδου χρήστη σε ένα συγκεκριμένο πεδίο. Για παράδειγμα, προσάρτηση εμπιστευτικών καταχωρήσεων, π.χ. ενός κωδικού πρόσβασης ή μιας κωδικοποιημένης τιμής για να τις χρησιμοποιήσετε. Σε τέτοιες περιπτώσεις, ο ορισμός της τιμής ενός κρυφού στοιχείου εισόδου μέσω JavaScript βοηθά στη διατήρηση των δεδομένων ασφαλή και ασφαλή.
Αυτό το ιστολόγιο θα συζητήσει τη διαδικασία ορισμού της τιμής ενός κρυφού πεδίου εισαγωγής μέσω JavaScript
Πώς να ορίσετε την τιμή ενός κρυφού πεδίου εισαγωγής μέσω JavaScript;
Για να ορίσετε την τιμή του κρυφού πεδίου εισαγωγής μέσω JavaScript, εφαρμόστε τις παρακάτω προσεγγίσεις:
Μέθοδος 1: Ορίστε την τιμή του κρυφού στοιχείου μέσω της ιδιότητας innerHTML
Ο ' innerHTML Η ιδιότητα ' επιστρέφει το περιεχόμενο HTML του στοιχείου. Αυτή η ιδιότητα μπορεί να χρησιμοποιηθεί για τον ορισμό και την προσθήκη της τιμής που ορίζεται από το χρήστη στο εκχωρημένο πεδίο κρυφής εισαγωγής.
Σύνταξη:
element.innerHTML = κείμενο
Στην παραπάνω σύνταξη, ' στοιχείο ' αναφέρεται στο στοιχείο που πρέπει να προσαρτηθεί με το ' κείμενο ' αξία.
Παράδειγμα
Ας δούμε το παρακάτω παράδειγμα:
< εισαγωγή τύπος = 'κρυμμένος' ταυτότητα = 'κρυφό στοιχείο' αξία = '' >< γραφή >
αφήνω myInput = προτροπή ( 'Παρακαλώ εισάγετε το κείμενό σας' , '' ) ;
αν ( myInput ! = μηδενικό ) {
αφήνω x = document.getElementById ( 'κρυφό στοιχείο' ) .innerHTML = 'Η τιμή του κρυφού στοιχείου είναι: ' + myInput;
συναγερμός ( Χ )
}
γραφή >
Στο παραπάνω μπλοκ κώδικα:
- Αρχικά, δημιουργήστε το πεδίο εισαγωγής με τα αναφερόμενα χαρακτηριστικά.
- Ο ' τύπος 'ιδιότητα με την τιμή' κρυμμένος ” σημαίνει ότι είναι ένα κρυφό πεδίο.
- Μετά από αυτό, το « προτροπή Το πλαίσιο διαλόγου παίρνει μια τιμή από το χρήστη.
- Τώρα, εφαρμόστε έναν έλεγχο στην τιμή που ορίζει ο χρήστης έτσι ώστε να μην είναι ' μηδενικό ' χρησιμοποιώντας το ' αν ' κατάσταση.
- Τέλος, αποκτήστε πρόσβαση στο κρυφό πεδίο εισαγωγής από το ' ταυτότητα ' χρησιμοποιώντας το ' getElementById() ' και ορίστε την τιμή που ορίζει ο χρήστης σε αυτήν μέσω του ' innerHTML ” ιδιοκτησία.
- Τέλος, εμφανίστε την προσαρτημένη τιμή μέσω ειδοποίησης.
Παραγωγή
Όπως παρατηρήθηκε, η τιμή εισαγωγής χρήστη προστίθεται στο κρυφό πεδίο εισαγωγής.
Μέθοδος 2: Ορίστε την τιμή του κρυφού στοιχείου χρησιμοποιώντας την προσέγγιση jQuery
Σε αυτή την προσέγγιση, το jQuery's ' val() Η μέθοδος ' θα χρησιμοποιηθεί για να εκχωρηθεί η τιμή του πεδίου ορατού κειμένου εισαγωγής στο κρυφό πεδίο εισαγωγής.
Παράδειγμα
Ας δούμε γενικά τον παρακάτω κώδικα:
< Π > Εισαγάγετε την τιμή Για κρυφό στοιχείο Π >< εισαγωγή ταυτότητα = 'myInput' αξία = '' τύπος = 'κείμενο' />< br >
< εισαγωγή ταυτότητα = 'κρυφό στοιχείο' τύπος = 'κρυμμένος' αξία = '' />
< br >
< κουμπί ταυτότητα = 'btnShow' > υποβάλλουν κουμπί >
< γραφή src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' γραφή >
< γραφή >
$ ( '#btnΕμφάνιση' ) .επί ( 'Κάντε κλικ' , λειτουργία ( ) {
αφήνω inputValue = $ ( '#myInput' ) .val ( ) ;
$ ( '#hiddenElement' ) .val ( τιμή εισόδου ) ;
συναγερμός ( 'Η τιμή του κρυφού στοιχείου είναι:' + τιμή εισόδου ) ;
} ) ;
γραφή >
Στις παραπάνω γραμμές κώδικα:
- Αρχικά, συμπεριλάβετε ένα πεδίο κειμένου εισαγωγής με τα αναφερόμενα χαρακτηριστικά.
- Ομοίως, εκχωρήστε ένα άλλο κρυφό πεδίο εισαγωγής, όπως φαίνεται από το ' τύπος ' Χαρακτηριστικό.
- Προστέθηκε ετικέτα
- Μετά από αυτό, συμπεριλάβετε τη βιβλιοθήκη jQuery με τη βοήθεια του ' src ' χαρακτηριστικό στο ' <σενάριο> ετικέτα '.
- Στον κώδικα JS, αποκτήστε πρόσβαση στο κουμπί που δημιουργήθηκε και συσχετίστε το ' επί() ” μέθοδος με αυτό για να εκτελέσετε τη λειτουργία με το κλικ του κουμπιού.
- Στον ορισμό της λειτουργίας, αποκτήστε πρόσβαση στην ορατή είσοδο ' κείμενο πεδίο ' και ανακτήστε την τιμή του χρησιμοποιώντας το ' val() 'μέθοδος.
- Στο επόμενο βήμα, η τιμή που ανακτήθηκε θα εκχωρηθεί στην κρυφή είσοδο ' κείμενο πεδίο ' μέσω του ' val() 'μέθοδος.
- Τέλος, εμφανίστε την προκύπτουσα τιμή που έχει εκχωρηθεί στο ' κρυφό πεδίο εισαγωγής ” μέσω ειδοποίησης.
Παραγωγή
Στην παραπάνω έξοδο, φαίνεται ότι η τιμή της ορατής εισόδου ' κείμενο Το πεδίο ' έχει εκχωρηθεί στο ' κρυμμένος πεδίο εισαγωγής.
συμπέρασμα
Για να ορίσετε την τιμή ενός κρυφού πεδίου εισαγωγής μέσω JavaScript, εφαρμόστε το ' innerHTML 'ιδιότητα ή το jQuery' val() 'μέθοδος. Η ιδιότητα innerHTML μπορεί να χρησιμοποιηθεί για την εφαρμογή της επιθυμητής λειτουργικότητας προσθέτοντας την τιμή που ορίζει ο χρήστης. Η μέθοδος val() μπορεί να εφαρμοστεί για την εκχώρηση της τιμής του πεδίου ορατού κειμένου εισαγωγής στο κρυφό πεδίο εισαγωγής Αυτό το ιστολόγιο συζητούσε τη διαδικασία ορισμού της τιμής ενός κρυφού πεδίου εισαγωγής μέσω JavaScript.