Wiem, że zły dział ale nie znalazłem bardziej odpowiedniego, ponieważ mam problem ze skryptem w technologii JavaScript.
A mianowicie chodzi mi o to, że mam skrypt działający poprawnie, ale jeżeli użyję opcji CHACKBOX'a to wysyła mi do bazy MySQL (bez znaczenia co zaznaczę), wysyła wartosc pierwszej opcji "value".
Oto skrypt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta name="keywords" content="CreoVision" /> <meta name="description" content="CreoVision" /> <link href="../css/style.css" rel="stylesheet" type="text/css" /> <script src="../zamowienie/jquery-latest.js"></script> <style type="text/css"> .tick { vertical-align: middle; margin: -2px 6px 0px 0px; padding: 0; } .error { vertical-align: middle; margin: -2px 6px 0px 0px; padding: 0; } .info { margin: 0; padding: 0px 0px 0px 13px; } </style> <script type="text/javascript"> $(document).ready(function(){ $("form#submit").submit(function() { // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php var imie = $('input[name=imie]'); var nazwisko = $('input[name=nazwisko]'); var nazwa_firmy = $('input[name=nazwa_firmy]'); var email = $('input[name=email]'); var telefon = $('input[name=telefon]'); var nazwa_serwisu = $('input[name=nazwa_serwisu]'); var tematyka = $('input[name=tematyka]'); var kolorystyka = $('input[name=kolorystyka]'); var czas_na_realizacje = $('input[name=czas_na_realizacje]'); var platnosc = $('input[name=platnosc]'); // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(imie.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(nazwisko.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(email.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(telefon.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(nazwa_serwisu.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(tematyka.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(czas_na_realizacje.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu if(platnosc.val() == "") { $('div.blad').fadeIn(400); // Usuwamy wiadomość o błędzie po 4 sekundach setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000); return false; } var data = 'imie=' + imie.val() + '&nazwisko=' + nazwisko.val() + '&nazwa_firmy=' + nazwa_firmy.val() + '&email=' + email.val() + '&telefon=' + telefon.val() + '&nazwa_serwisu=' + nazwa_serwisu.val() + '&tematyka=' + tematyka.val() + '&kolorystyka=' + kolorystyka.val() + '&czas_na_realizacje=' + czas_na_realizacje.val() + '&platnosc=' + platnosc.val(); $.ajax({ type: "POST", url: "zamowienie/insert.php", data: data, success: function(){ // Usuwamy wpisane dane $('#imie').val(''); $('#nazwisko').val(''); $('#nazwa_firmy').val(''); $('#email').val(''); $('#telefon').val(''); $('#nazwa_serwisu').val(''); $('#tematyka').val(''); $('#kolorystyka').val(''); $('#czas_na_realizacje').val(''); $('#platnosc').val(''); // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika $('div.dodano').fadeIn(400); // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000); } }); return false; }); }); </script> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="250" border="0" cellpadding="0" cellspacing="0" align="left"> <tr> <td> <div id="content"> <form id="submit" method="post" name="submit" action=""> <fieldset style="border: 0px;"> <label for="imie">Imię:</label> <br /> <input type="text" name="imie" id="imie" size="20" /> <br /> <label for="nazwisko">Nazwisko:</label> <br /> <input type="text" name="nazwisko" id="nazwisko" size="20" /> <br /> <label for="nazwa_firmy">Nazwa firmy:</label> <br /> <input type="text" name="nazwa_firmy" id="nazwa_firmy" size="20" /> <br /> <br /> <input type="text" name="email" id="email" size="20" /> <br /> <label for="telefon">Telefon:</label> <br /> <input type="text" name="telefon" id="telefon" value="+48." size="20" /> <br /> <label for="nazwa_serwisu">Nazwa serwisu:</label> <br /> <input type="text" name="nazwa_serwisu" id="nazwa_serwisu" size="20" /> <br /> <label for="tematyka">Tematyka:</label> <br /> <input type="text" name="tematyka" id="tematyka" size="20" /> <br /> <label for="kolorystyka">Kolorystyka:</label> <br /> <input type="checkbox" value="niebieski" name="kolorystyka" /> niebieski<br /> <input type="checkbox" value="czerwony" name="kolorystyka" /> czerwony<br /> <input type="checkbox" value="zielony" name="kolorystyka" /> zielony<br /> <input type="checkbox" value="pomarancz" name="kolorystyka" /> pomarańcz <br /> <label for="czas_na_realizacje">Czas na realizację:</label> <br /> <input type="text" name="czas_na_realizacje" id="czas_na_realizacje" size="20" /> <br /> <label for="platnosc">Płatność:</label> <br /> <input type="text" name="platnosc" id="platnosc" size="20" /> <p align="right" style="padding-right: 10px;"><button type="submit" id="submit" class="dodaj_zlecenie"> </button></p> </fieldset> </form> <div class="dodano" style="display:none;"> <img class="tick" src="zamowienie/tick.png" alt="" />Zamówienie zostało dodane do naszej bazy danych </div> <div class="blad" style="display:none;"> <img class="error" src="zamowienie/error.png" alt="" />Uzupełnij pola w formularzu! </div> </div> </td> </tr> </table> </body> </html>
Bardzo proszę o pomoc.
Będę niezmiernie wdzięczny.
Ps. W razie problemów, proszę moderatorów o przeniesienie tematu do bardziej odpowiedniego.