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

JavaScript का उपयोग करके सेलेक्ट बॉक्स एलिमेंट का मान प्रोग्रामेटिकली कैसे सेट करें?


हम JavaScript का उपयोग करके सेलेक्ट बॉक्स का मान निम्न तरीके से सेट कर सकते हैं। मान लीजिए हमारे पास निम्न सेलेक्ट बॉक्स है:

<select id="my-select" value="1"> <option value="1">Select</option> <option value="2">Apple</option> <option value="3">Strawberry</option> <option value="4">Cherry</option> <option value="5">Guava</option> </select>

इस सेलेक्ट एलिमेंट का मान सेट करने के लिए, हमें इसे querySelector का उपयोग करके एक्सेस करना होगा। फिर मान सेट करें। उदाहरण के लिए:

उदाहरण

// सेलेक्ट बॉक्स खोजें const mySelectBox = document.querySelector('#my-select'); // मान को 3 या Strawberry पर सेट करें mySelectBox.value = 3;
  1. - JavaScript का उपयोग करके अलर्ट बॉक्स की स्थिति कैसे अनुकूलित करें?

    अलर्ट बॉक्स की स्थिति अनुकूलित करने के लिए, CSS top और left प्रॉपर्टी का उपयोग करें। हमारे पास एक कस्टम अलर्ट बॉक्स है, जिसे हमने jQuery का उपयोग करके बनाया है और CSS के साथ स्टाइल किया है। उदाहरण अलर्ट बॉक्स की स्थिति अनुकूलित करने के लिए निम्न कोड चलाकर देखें - <!DOCTYPE html> <html>

  1. HTML <select> एलिमेंट के लिए डिफ़ॉल्ट मान कैसे सेट करें? HTML <select> एलिमेंट के लिए डिफ़ॉल्ट मान कैसे सेट करें?

    HTML के साथ, आप HTML फॉर्म में उपयोगकर्ता इनपुट प्राप्त करने के लिए आइटम्स की एक साधारण ड्रॉप-डाउन सूची आसानी से बना सकते हैं। इसके लिए <select> एलिमेंट का उपयोग करें, जो एक सेलेक्ट बॉक्स है, जिसे ड्रॉप-डाउन बॉक्स भी कहा जाता है, जिसमें आइटम्स सूचीबद्ध करने का विकल्प होता है। साथ ही, आप HTML

  1. JavaScript का उपयोग करके पैरेंट एलिमेंट के चाइल्ड एलिमेंट कैसे प्राप्त करें? JavaScript का उपयोग करके पैरेंट एलिमेंट के चाइल्ड एलिमेंट कैसे प्राप्त करें?

    JavaScript का उपयोग करके पैरेंट एलिमेंट के चाइल्ड एलिमेंट प्राप्त करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"