सेलेक्ट ऑप्शन सेट
रिकवरी और उपयोग
विकल्प सेट वापस ड्रॉपडाउन सूची में सभी ऑप्टियन एलीमेंट का समूह।
टिप्पणी:समूह के तत्व उनके स्रोत कोड में दिखाई देने की क्रम में क्रमबद्ध हैं।
उदाहरण
उदाहरण 1
विशेष डाउनलिस्ट में कितने विकल्प हैं देखें:
var x = document.getElementById("mySelect").options.length;
x का परिणाम होगा:
4
सूचना:पृष्ठ के नीचे अधिक उदाहरण मिलेंगे。
व्याकरण
selectObject.options
गुण
| गुण | वर्णन |
|---|---|
| length |
समूह में <option> एलीमेंट की संख्या को वापस करें। टिप्पणी:यह गुण लिंकिट है |
| selectedIndex | समूह में चयनित <option> एलीमेंट के सूचकांक (0 से शुरू होकर) को सेट या वापस करें। |
विधि
| विधि | वर्णन |
|---|---|
| [index] |
समूह से दिए गए सूचकांक (0 से शुरू होकर) के <option> एलीमेंट को वापस करें। टिप्पणी:अगर सूचकांक सीमा से बाहर है, तो null वापस करें। |
| [add(option[,index] | <option> एलीमेंट को समूह में निर्दिष्ट सूचकांक में जोड़ें। अगर सूचकांक निर्दिष्ट नहीं है, तो विकल्प समूह के अंत में जोड़ा जाएगा। |
| item(index) |
समूह से दिए गए सूचकांक (0 से शुरू होकर) के <option> एलीमेंट को वापस करें। टिप्पणी:अगर सूचकांक सीमा से बाहर है, तो null वापस करें। |
| namedItem(id) |
समूह से दिए गए ID के <option> एलीमेंट को वापस करें। टिप्पणी:अगर id अगर मौजूद नहीं है, तो null वापस करें। |
| remove(index) | दिए गए सूचकांक के <option> एलीमेंट को समूह से हटाएं। |
तकनीकी विवरण
| DOM संस्करण: | Core Level 2 Document Object |
|---|---|
| वापसी मान: |
HTMLOptionsCollection ऑब्जैक्ट, जो <select> एलीमेंट के सभी <option> एलीमेंट को प्रतिनिधित्व करता है। समूह के तत्व उनके स्रोत कोड में दिखाई देने की क्रम में क्रमबद्ध हैं। |
अधिक उदाहरण
उदाहरण 2: [index]
डाउनलिस्ट में पहले विकल्प (सूचकांक 0) का पाठ प्राप्त करें:
var x = document.getElementById("mySelect").options[0].text;
x का परिणाम होगा:
Apple
उदाहरण 3: item(index)
डाउनलिस्ट में पहले विकल्प (सूचकांक 0) का पाठ प्राप्त करें:
var x = document.getElementById("mySelect").options.item(0).text;
x का परिणाम होगा:
Apple
उदाहरण 4: namedItem(id)
id="orange" के विकल्प का पाठ प्राप्त करें:
var x = document.getElementById("mySelect").options.namedItem("orange").text;
x का परिणाम होगा:
Orange
उदाहरण 5
डाउनलिस्ट में इंडेक्स स्थान “1” पर “Kiwi” विकल्प जोड़ें:
var x = document.getElementById("mySelect");
var c = document.createElement("option");
c.text = "Kiwi";
x.options.add(c, 1);
उदाहरण 6
ड्रॉपडाउन सूची से इंडेक्स "1" के विकल्प को हटाएं:
var x = document.getElementById("mySelect"); x.options.remove(1);उदाहरण 7
ड्रॉपडाउन सूची में सभी विकल्पों को चक्कर लगाएं और प्रत्येक विकल्प का टेक्स्ट आउटपुट दें:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
txt = txt + x.options[i].text + "<br>";
}
x का परिणाम होगा:
Apple Orange Pineapple Banana
उदाहरण 8
ड्रॉपडाउन सूची में एक विकल्प चुनें और आइडी="demo" के एलीमेंट में चयन किए गए विकल्प का टेक्स्ट आउटपुट दें:
var x = document.getElementById("mySelect");
var i = x.selectedIndex;
document.getElementById("demo").innerHTML = x.options[i].text;
x का परिणाम होगा:
Banana
उदाहरण 9
दूसरी ड्रॉपडाउन सूची में चयन किए गए विकल्प के अनुसार ड्रॉपडाउन सूची में विकल्प बदलें:
var carsAndModels = {};
carsAndModels['VO'] = ['V70', 'XC60', 'XC90'];
carsAndModels['VW'] = ['Golf', 'Polo', 'Scirocco', 'Touareg'];
carsAndModels['BMW'] = ['M6', 'X5', 'Z3'];
function ChangeCarList() {
var carList = document.getElementById("car");
var modelList = document.getElementById("carmodel");
var selCar = carList.options[carList.selectedIndex].value;
while (modelList.options.length) {
modelList.remove(0);
}
var cars = carsAndModels[selCar];
if (cars) {
var i;
for (i = 0; i < cars.length; i++) {
var car = new Option(cars[i], i);
modelList.options.add(car);
}
}
}
