தேர்ந்தெடுக்கப்படாத விருப்பத்தின் முக்கிய சிக்கல் என்னவென்றால், உறுப்புகளைத் தேர்ந்தெடுக்க jQuery ஐப் பயன்படுத்த முயற்சிக்கும்போது அது சிக்கல்களை ஏற்படுத்தும். நீங்கள் தேர்ந்தெடுக்க நிறைய உறுப்புகள் இருந்தால், தேர்வுநீக்க விருப்பத்தைப் பயன்படுத்தி தேர்வு செல்லாததாகிவிடும்.
$("#myselect option").prop("selected", false);
இந்தக் குறியீட்டு வரியானது, "myselect" என்ற ஐடியைக் கொண்ட உறுப்பைத் தேர்ந்தெடுக்க jQuery ஐப் பயன்படுத்துகிறது. அந்த ஒவ்வொரு விருப்ப உறுப்புகளுக்கும், குறியீடு "தேர்ந்தெடுக்கப்பட்ட" சொத்தை தவறானதாக அமைக்கிறது.
படிவங்கள்
jQuery இல் நீங்கள் பயன்படுத்தக்கூடிய பல்வேறு வகையான வடிவங்கள் உள்ளன.
எளிமையான வகை வடிவம் ஒரு உரை புலமாகும். உரைப் புலத்தை உருவாக்க, உங்கள் ஆவணத்தில் பின்வரும் குறியீட்டைச் சேர்க்கவும்:
உரை புலத்தின் மதிப்பைப் பெற நீங்கள் getText() முறையைப் பயன்படுத்தலாம்.
உங்கள் ஆவணத்தில் பின்வரும் குறியீட்டைச் சேர்ப்பதன் மூலம் உரைப் பகுதி படிவத்தையும் உருவாக்கலாம்:
பின்னர், உரை பகுதியின் உள்ளடக்கங்களைக் கட்டுப்படுத்த getText() மற்றும் setText() முறைகளைப் பயன்படுத்தவும்.
படிவங்களுடன் வேலை செய்யுங்கள்
jQuery இல் படிவங்களுடன் வேலை செய்ய சில வழிகள் உள்ளன. ஒரு படிவத்திலிருந்து தரவைப் பெற $.getJSON() செயல்பாட்டைப் பயன்படுத்துவது ஒரு வழி. பக்கத்தில் உள்ள கூறுகளை விரிவுபடுத்த நீங்கள் தரவைப் பயன்படுத்தலாம்.
மற்றொரு வழி $.ajax() செயல்பாட்டைப் பயன்படுத்தி ஒரு படிவத்திலிருந்து ஒரு சேவையகத்திற்கு தரவை அனுப்ப வேண்டும். சேவையகம் பின்னர் தரவைச் செயலாக்கி பக்கத்திற்குத் திருப்பி அனுப்பலாம்.
jQuery இல் உள்ள படிவங்களுக்கான உதவிக்குறிப்புகள்
UI
jQuery UI இல் படிவங்களுடன் பணிபுரிய சில குறிப்புகள் உள்ளன. முதலில், நீங்கள் படிவ கூறுகளை DOM உறுப்புகளாகப் பயன்படுத்தலாம். உங்கள் ஆவணத்தில் உள்ள மற்ற உறுப்புகளைப் போலவே அவற்றையும் நீங்கள் கையாளலாம் என்பதே இதன் பொருள். இரண்டாவதாக, பக்கத்தில் உள்ள பிற கூறுகளை விரிவுபடுத்த படிவத் தரவைப் பயன்படுத்தலாம். இறுதியாக, பயனர் உள்ளீட்டைக் கண்காணிக்கவும் அதற்கேற்ப பதிலளிக்கவும் படிவச் சமர்ப்பிப்பு நிகழ்வைப் பயன்படுத்தலாம்.
