નાપસંદ વિકલ્પ સાથેની મુખ્ય સમસ્યા એ છે કે ઘટકો પસંદ કરવા માટે jQuery નો ઉપયોગ કરવાનો પ્રયાસ કરતી વખતે તે સમસ્યાઓનું કારણ બની શકે છે. જો તમારી પાસે પસંદ કરવા માટે ઘણા બધા તત્વો હોય, તો નાપસંદ વિકલ્પનો ઉપયોગ કરવાથી પસંદગી અમાન્ય બની શકે છે.
$("#myselect option").prop("selected", false);
આ કોડ લાઇન jQuery નો ઉપયોગ id "myselect" વાળા તત્વને પસંદ કરવા માટે કરે છે અને પછી તેના તમામ ચાઈલ્ડ ઓપ્શન તત્વો. તે દરેક વિકલ્પ ઘટકો માટે, કોડ "પસંદ કરેલ" ગુણધર્મને ખોટા પર સેટ કરે છે.
ફોર્મ
તમે jQuery માં ઉપયોગ કરી શકો છો તેવા કેટલાક વિવિધ પ્રકારનાં સ્વરૂપો છે.
ફોર્મનો સૌથી સરળ પ્રકાર એ ટેક્સ્ટ ફીલ્ડ છે. ટેક્સ્ટ ફીલ્ડ બનાવવા માટે, તમે ફક્ત તમારા દસ્તાવેજમાં નીચેનો કોડ ઉમેરો:
પછી તમે ટેક્સ્ટ ફીલ્ડની કિંમત મેળવવા માટે getText() પદ્ધતિનો ઉપયોગ કરી શકો છો.
તમે તમારા દસ્તાવેજમાં નીચેનો કોડ ઉમેરીને ટેક્સ્ટેરિયા ફોર્મ પણ બનાવી શકો છો:
પછી, ટેક્સ્ટ વિસ્તારની સામગ્રીને નિયંત્રિત કરવા માટે getText() અને setText() પદ્ધતિઓનો ઉપયોગ કરો.
ફોર્મ્સ સાથે કામ કરો
jQuery માં ફોર્મ્સ સાથે કામ કરવાની કેટલીક રીતો છે. ફોર્મમાંથી ડેટા મેળવવા માટે $.getJSON() ફંક્શનનો ઉપયોગ કરવાની એક રીત છે. પછી તમે પેજ પરના ઘટકોને બનાવવા માટે ડેટાનો ઉપયોગ કરી શકો છો.
બીજી રીત એ છે કે ફોર્મમાંથી સર્વર પર ડેટા મોકલવા માટે $.ajax() ફંક્શનનો ઉપયોગ કરવો. સર્વર પછી ડેટા પર પ્રક્રિયા કરી શકે છે અને તેને પાના પર પાછું આપી શકે છે.
jQuery માં ફોર્મ માટે ટિપ્સ
UI
jQuery UI માં ફોર્મ્સ સાથે કામ કરવા માટે થોડી ટિપ્સ છે. પ્રથમ, તમે DOM તત્વો તરીકે ફોર્મ ઘટકોનો ઉપયોગ કરી શકો છો. આનો અર્થ એ છે કે તમે તમારા દસ્તાવેજમાંના કોઈપણ અન્ય તત્વની જેમ જ તેમને હેરફેર કરી શકો છો. બીજું, તમે પૃષ્ઠ પરના અન્ય ઘટકોને બનાવવા માટે ફોર્મ ડેટાનો ઉપયોગ કરી શકો છો. છેલ્લે, તમે વપરાશકર્તાના ઇનપુટને ટ્રૅક કરવા અને તે મુજબ પ્રતિસાદ આપવા માટે ફોર્મ સબમિશન ઇવેન્ટનો ઉપયોગ કરી શકો છો.
