Anonim

HTML లో డ్రాప్‌డౌన్ ఎంపికలు స్థానికంగా అన్-యూజర్ ఫ్రెండ్లీ అంశాలు. వాటిని స్టైలింగ్ చేయడం బాధాకరం మరియు పరిమిత అవసరాలకు మీకు పరిమితమైన వస్తువులను కలిగి ఉంటే తప్ప వాటి మూల కార్యాచరణ వద్ద అవి చాలా ఉపయోగపడవు.

అక్కడే ఎన్నుకోబడింది. ఇది జావాస్క్రిప్ట్ లైబ్రరీ, ఇది డ్రాప్‌డౌన్ అనుభవాన్ని చాలా చక్కగా చూస్తుంది, అలాగే కార్యాచరణ దృక్పథం నుండి చాలా చక్కగా ఉంటుంది.

పైన మీరు డిఫాల్ట్ ఎంచుకున్న కార్యాచరణను చూడవచ్చు. ఇది చాలా బాగుంది, మరియు మీ డ్రాప్‌డౌన్‌లో మీకు పెద్ద మొత్తంలో అంశాలు ఉన్నట్లయితే ఫలితాల ద్వారా ఫిల్టర్ చేయడానికి సాధారణ శోధన విధానం ఉంటుంది. మొదట, జావాస్క్రిప్ట్ మరియు CSS ఫైళ్ళను చేర్చండి. అప్పుడు, దిగువ కోడ్‌తో వాటిని ప్రారంభించండి.

ఇది అంత సులభం. ఇప్పుడు దానిని తదుపరి స్థాయికి తీసుకుందాం, మీరు బహుళ ఎంపికలను అనుమతించడానికి డ్రాప్‌డౌన్ యొక్క కార్యాచరణను మార్చగలిగితే? దిగువ “ఎరుపు” కోసం శోధించండి, ఆపై ఎంటర్ నొక్కండి, “బ్లూ” కోసం శోధించండి, ఆపై ఎంటర్ నొక్కండి. ఇప్పుడు మీరు X లేదా బ్యాక్‌స్పేస్‌ను రెండుసార్లు నొక్కడం ద్వారా వాటిని మీ ఎంపిక నుండి సులభంగా తొలగించవచ్చు.


మీరు చేయాల్సిందల్లా ఈ క్రింది విధంగా ఎంపిక చేసిన కాల్‌లో బహుళ ఎంపికను పాస్ చేయండి. జావాస్క్రిప్ట్‌కు ఎటువంటి మార్పు లేదు, ఇది అదే విధంగా ప్రారంభించబడుతుంది.