Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

कैसे जावास्क्रिप्ट के साथ एक ड्रॉपडाउन सूची से सभी विकल्पों को दिखाने के लिए?


ड्रॉपडाउन सूची से सभी विकल्प दिखाने के लिए, विकल्प का उपयोग करें संपत्ति। संपत्ति आपको लंबाई . के साथ सभी विकल्प प्राप्त करने की अनुमति देती है संपत्ति।

उदाहरण

ड्रॉप-डाउन सूची से सभी विकल्प प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं।

<!DOCTYPE html>
<html>
   <body>
      <form id="myForm">
         <select id="selectNow">
            <option>One</option>
            <option>Two</option>
            <option>Three</option>
         </select>
         <input type="button" onclick="display()" value="Click">
      </form>
      <p>Click the button to get all the options</p>
      <script>
         function display() {
            var a, i, options;
            a = document.getElementById("selectNow");
            options = "";
            for (i = 0; i < a.length; i++) {
               options = options + "<br> " + a.options[i].text;
            }
            document.write("DropDown Options: "+options);
         }
      </script>
   </body>
</html>

  1. कैसे जावास्क्रिप्ट में एक सेट से सभी तत्वों को दूर करने के लिए?

    जावास्क्रिप्ट में सेट क्लास किसी दिए गए सेट ऑब्जेक्ट से सभी तत्वों को हटाने के लिए एक स्पष्ट विधि प्रदान करता है। इस विधि का उपयोग इस प्रकार किया जा सकता है - उदाहरण let mySet = new Set(); mySet.add(1); mySet.add(2); mySet.add(1); mySet.add(3); mySet.add("a"); console.log(mySet) mySet.clea

  1. जावास्क्रिप्ट के साथ फ़िल्टर सूची कैसे बनाएं?

    जावास्क्रिप्ट के साथ एक फिल्टर सूची बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border-box; &nb

  1. जावास्क्रिप्ट के साथ सूची आइटम कैसे बंद करें?

    जावास्क्रिप्ट के साथ सूची आइटम को बंद करने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } उल { सूची-शैली-प्रकार:कोई नहीं; पैडिंग:0; मार्जिन:0; } उल ली {बॉर्डर:1px सॉलिड आरजीबी(221, 221, 221); पृष्ठभूमि-रंग:#