"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जावास्क्रिप्ट में बहु-चयन तत्व से चयनित मान कैसे प्राप्त करें?

जावास्क्रिप्ट में बहु-चयन तत्व से चयनित मान कैसे प्राप्त करें?

2024-11-14 को प्रकाशित
ब्राउज़ करें:206

How to Get Selected Values from a Multi-Select Element in JavaScript?

एक बहु-चयन तत्व से सभी चयनित विकल्प प्राप्त करें

वेब विकास के क्षेत्र में, एक प्रचलित आवश्यकता चयनित मूल्यों को पुनः प्राप्त करना है जावास्क्रिप्ट का उपयोग करके एक बहु चयन बॉक्स से। इस आवश्यकता को संबोधित करने के लिए, आइए प्रदान किए गए समाधानों पर ध्यान दें।

एक दृष्टिकोण में चयनित तत्व में विकल्पों पर पुनरावृत्ति करना, यह जांचना कि क्या वे चयनित हैं, और उनके मानों को एक सरणी में जमा करना शामिल है। हालांकि यह विधि सीधी है, यह बोझिल हो सकती है, खासकर बड़ी सूचियों को संभालते समय।

एक अधिक सुंदर समाधान, जैसा कि दूसरे उत्तर में सुझाया गया है, में getSelectValues() फ़ंक्शन शामिल है। यह कुशलतापूर्वक विकल्पों के माध्यम से लूप करता है, चयनित मानों को एकत्रित करता है, चाहे वे विकल्प के मूल्य विशेषता या इसकी पाठ्य सामग्री से प्राप्त किए गए हों।

प्रदान किए गए उदाहरण पर विचार करें:



जब बटन पर क्लिक किया जाता है, तो getSelectValues() फ़ंक्शन चयनित विकल्प मानों को कैप्चर करता है और उन्हें अलर्ट डायलॉग में प्रदर्शित करता है। यह इस पद्धति की आसानी और लचीलेपन को प्रदर्शित करता है।

चाहे आप मैन्युअल पुनरावृत्ति का विकल्प चुनें या getSelectValues() फ़ंक्शन का उपयोग करें, आपके पास एकाधिक चयन बॉक्स से चयनित मानों को पुनर्प्राप्त करने का एक मजबूत समाधान है, जो आपको अपने वेब अनुप्रयोगों में प्रभावी ढंग से डेटा तक पहुंचने और हेरफेर करने में सशक्त बनाता है।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3