Dodawanie danych do tabeli HTML z dropdown list MySQL w PHP

pytanie zadane 23 grudnia 2019 w PHP przez czlowiekmpp Początkujący (300 p.)

<?php
session_start();
$con = mysqli_connect("localhost", "mpp", "", "Guitarproject");
?>
<!DOCTYPE html>
<html lang=pl dir="ltr">
 <body>
     <form name="frmdropdown" method="post" action="index.php">
     <center>
            <h2 align="center">Usługi</h2>

            <strong> Wybierz usługę : </strong>
            <select name="usluga">
               <option value="">  Wybierz usługę  </option>
            <?php
 $query = "SELECT rodzaj FROM uslugi ORDER BY rodzaj ASC";
                 $dd_res =  mysqli_query($con, $query);
                 while($r = mysqli_fetch_row($dd_res))
                 {
                       echo "<option value='$r[0]'> $r[0] </option>";
                 }
             ?>
              </select>
     <input type="submit" name="find" value="Dodaj"/>
     <br><br>

   <table>
 <tr align="center" >
     <th>Id </th>
     <th>Rodzaj </th>
		<th>Opis </th>
     <th>Wartość </th>
 </tr>

  <?php
  if($_SERVER['REQUEST_METHOD'] == "POST")
  {
         $des=$_POST["usluga"];
         if($des=="")  // if ALL is selected in Dropdown box
         {
             $res=mysqli_query($con, "SELECT * FROM uslugi");
         }
         else
         {
             $res=mysqli_query($con, "SELECT * FROM uslugi WHERE rodzaj='".$des."'");
         }

         echo "<tr><td></td></tr>";
         while($r=mysqli_fetch_row($res))
         {
                 echo "<tr>";
                 echo "<td align='center'>$r[0]</td>";
                 echo "<td width='200'>$r[1]</td>";
					echo "<td width='200'>$r[2]</td>";
                 echo "<td align='center' width='250'> $r[3]</td>";
                 echo "</tr>";
        }
    }

?>

  </table>
 </center>
</form>
</body>
</html>

Mam taki kod w którym z bazy MySQL z dropdown list dodaje rekord do tabeli i to dobrze działa ale do tabeli można dodać tylko jeden rekord bo przy kolejnym kliknięciu w Dodaj poprzedni rekord jest podmieniany a chciałbym żeby dodawał się kolejny na zasadzie dodawania usług do koszyka. Czy to się da przerobić żeby robił append czy trzeba js do tego?

1 odpowiedź

odpowiedź 23 grudnia 2019 przez antypop Mądrala (5,730 p.)

action="index.php"

Może w pliku z dodawaniem jest błąd i zamiast dodawać nowy rekord do bazy nadpisuje Ci poprzedni?

komentarz 23 grudnia 2019 przez czlowiekmpp Początkujący (300 p.)

No właśnie żebym wiedział gdzie jest błąd to bym naprawił ale i tak dzieki

komentarz 23 grudnia 2019 przez antypop Mądrala (5,730 p.)

To poka kod z tego indexu :P

komentarz 23 grudnia 2019 przez czlowiekmpp Początkujący (300 p.)

Cały kod strony wkleiłem, zerknij tu http://89.67.154.61/Testy/binding/ o co chodzi, mnie nie chodzi ze w bazie MySQL nadpisuje tylko do tabeli na tej stronie

komentarz 23 grudnia 2019 przez antypop Mądrala (5,730 p.)

Jak chcesz zrobić coś na kształt "koszyka" to lepiej by było jak byś pozycje dodawał do tabeli w js a potem zrobił button który wysyła całą tablicę do bazy :)

komentarz 23 grudnia 2019 przez czlowiekmpp Początkujący (300 p.)

No właśnie to chciałem usłyszeć ze lepiej to zrobić tak czy inaczej, ja mam już zrobiony cały system gdzie dodawałem do tej pory usługi z ręki czyli wpisywałem ręcznie ale muszę mieć tabele żeby zliczać usługi do kosza. Nie mogę znaleść sensownego kodu na necie choćby odrobine dopasowanego do moich potrzeb wiec widzę ze muszę się ostro wziąć za js bo nie bardzo wiem jak taki koszyk zrobić w Javascript no ale jak się nie nauczę to się samo nie zrobi dzięki jeszcze raz bo głównie chodziło mi o to czy to lepiej w PHP czy skrypty js bądź ajax

komentarz 23 grudnia 2019 przez antypop Mądrala (5,730 p.)

Mniej więcej tak to może wyglądać:

<!DOCTYPE html>
<html lang=pl dir="ltr">
<body>
    <form name="frmdropdown" method="post" action="index.php">
        <center>
               <h2 align="center">Usługi</h2>
   
               <strong> Wybierz usługę : </strong>
               <select class="selectElem" name="usluga">
                  <option value="">  Wybierz usługę  </option>
               <option value="Dostawa gitary"> Dostawa gitary </option><option value="Ekranowanie komory elektroniki"> Ekranowanie komory elektroniki </option><option value="Ekranowanie pickguaru"> Ekranowanie pickguaru </option><option value="Frezowanie korpusu"> Frezowanie korpusu </option><option value="Frezowanie pickguardu"> Frezowanie pickguardu </option><option value="Klejenie gitary"> Klejenie gitary </option><option value="Klejenie gryfu"> Klejenie gryfu </option><option value="Kompletna regulacja gitary akustycznej"> Kompletna regulacja gitary akustycznej </option><option value="Kompletna regulacja gitary elektrycznej z mostem ruchomym"> Kompletna regulacja gitary elektrycznej z mostem ruchomym </option><option value="Kompletna regulacja gitary elektrycznej z mostem stałym"> Kompletna regulacja gitary elektrycznej z mostem stałym </option><option value="Kompletna regulacja gitary klasycznej"> Kompletna regulacja gitary klasycznej </option><option value="Konserwacja elektroniki"> Konserwacja elektroniki </option><option value="Lutowanie kabla"> Lutowanie kabla </option><option value="Montaż elektroniki"> Montaż elektroniki </option><option value="Montaż gniazda jack"> Montaż gniazda jack </option><option value="Montaż kluczy"> Montaż kluczy </option><option value="Montaż mostka"> Montaż mostka </option><option value="Montaż potencjometra"> Montaż potencjometra </option><option value="Montaż przełącznika"> Montaż przełącznika </option><option value="Montaż przetwornika"> Montaż przetwornika </option><option value="Montaż siodełka"> Montaż siodełka </option><option value="Montaż zaczepów paska"> Montaż zaczepów paska </option><option value="Przygotowanie gitary do sprzedaży"> Przygotowanie gitary do sprzedaży </option><option value="Szlif progów "> Szlif progów  </option><option value="Wymiana gniazda jack"> Wymiana gniazda jack </option><option value="Wymiana gryfu"> Wymiana gryfu </option><option value="Wymiana kluczy"> Wymiana kluczy </option><option value="Wymiana mostka"> Wymiana mostka </option><option value="Wymiana potencjometra"> Wymiana potencjometra </option><option value="Wymiana progów NS"> Wymiana progów NS </option><option value="Wymiana progów SS"> Wymiana progów SS </option><option value="Wymiana przełącznika"> Wymiana przełącznika </option><option value="Wymiana przetwornika"> Wymiana przetwornika </option><option value="Wymiana siodełka"> Wymiana siodełka </option><option value="Wymiana strun"> Wymiana strun </option><option value="Złożenie gitary"> Złożenie gitary </option>              </select>
        <button id="add">Dodaj</button>
        <br><br>
   
      <table>
          <thead>
            <tr align="center">
                <th>Rodzaj usługi</th>
          </thead>
          
        <tbody class="choseElems">

        </tbody>
    </table>
    </center>
   </form>
   <script>
       let elems = [];
       let selectElem = document.querySelectorAll('.selectElem')[0];
       let btn = document.getElementById('add');
       let table = document.getElementsByClassName('choseElems')[0];
        btn.addEventListener('click', function(e) {
           e.preventDefault();
            if ( selectElem.value !== '' ) {
                elems.push(selectElem.value);
                table.innerHTML = '';
                for (let x = 0; x < elems.length; x++) {
                    let _tr = document.createElement('tr');
                    _tr.innerHTML = `<td>${elems[x]}</td>`;
                    table.append(_tr);
                }
            }else{
                alert('nie wybrałeś żądnej usługi')
            }

       })
   </script>
</body>
</html>

Potem dodaj guzik "Zatwierdź" który będzie wysyłał tablię elems POSTEM do skryptu który to potem powrzuca do bazy.

komentarz 23 grudnia 2019 przez czlowiekmpp Początkujący (300 p.)

Dzięki działa aleś sobie trudu zadał wrzucając wszystkie usługi z mojej tabeli, trzeba było dodać kilka tylko i nie marnować czasu. Powiedz mi jeszcze jedno czy z takiej listy rozwijanej da się wydobyć koszt takiej pojedynczej usługi tak żeby potem zliczać usługi w jednym zamówieniu?