Directe reactie in code bij invullen van input field?

Ik denk dat @Pascal tabellen bedoelt, en niet databases (waarom wordt dit altijd door elkaar gehaald?).

Deze zoekvelden zou ik in een aparte tabel verwachten, die via een tussenliggende (koppel)tabel verbonden wordt aan de informatie waar deze (zoek?)gegevens betrekking op hebben.

Maar betroffen dit wel "zoek"gegevens? Het ging in de initiële posts immers om searchDivs? Of was dit alles een (poging tot een) generieke manier om allerhande informatie als een soort kapstok op te hangen aan een of andere entiteit?

Andere vraag: waarvoor ben je dit concreet aan het gebruiken, en wat wil je er mee kunnen doen?

Misschien vereist dit wel een andere aanpak.

Je bent ons nu continu aan het vragen wat je moet bouwen, en hoe je het moet bouwen, zonder ons precies uit te leggen wat je nu precies wilt bouwen en waar je dit vervolgens voor wilt gebruiken. Laten we eens bij het begin beginnen.

@- Ariën - Ik bedoel inderdaad tabellen en ja ik weet wat beide betekend alleen tijdens typen kijk ik helaas niet of ik tabel of database vermeld, wat voor jullie inderdaad verwarrend is dan.

@Thomas, die searchDivs , ik heb gewoon iets genomen, ja ik moet nog aan mijn benamingen werken.

Nou ik kan zo op het forum niet precies tonen wat ik wil bereiken omdat het bedrijfsgegevens zijn.
Echter privé zou ik wel een voorbeeld kunnen doorsturen.
Wellicht zal het dan stukken makkelijker te begrijpen zijn wat de bedoeling is en zal het ook wel niks voorstellen.

Grofweg zouden bv 32 regels onder elkaar staan welke testen getest moet worden met daarachter een kolom met invul velden.

Boven aan de pagina keuze hoeveel kolommen (aantal samples) je wilt invullen tot max. 25 kolommen.

Het hoeft niet precies, je kan ook in grove lijnen vertellen wat je wilt bereiken.

Het zou er zo uit moeten zien.
eerste kolom links waar niks staat (heb het bewerkt) staat wat getest moet worden, label velden.
2de kolom zijn tot onder in het formulier, invul velden.
Deze invul velden zijn per kolom voor iedere sample dat getest moet worden.
dus heb ik 2 samples, zijn het dus 2 volledige kolommen tot onder, heb ik 13 samples dan ook 13 kolommen tot onder. tot max 25.

Hopelijk te begrijpen aan de hand van het voorbeeld foto.

[img]https://i.ibb.co/M1RZfqT/Voorbeeld-lijst.png[/img]

Maar daarmee ligt toch al vast uit hoeveel rijen zo'n kolom bestaat? En wat je van zo'n sample test/meet is toch niet elke keer verschillend, dat lijkt mij veelste vrijblijvend? En als dit per sample(type) vastligt kun je dan niet beter een soort van batch maken waarin die rijen als een soort van test-template worden opgeslagen? En dat je dan kunt zeggen "voer test-batch X uit op sample Y en Z" en dan wordt de hele bijbehorende tabel automatisch gegenereerd?

De rijen staan vast, 94 verschillende testen, echter de kolommen staan niet vast, ligt net eraan hoeveel samples ze moeten testen.

Dan zou je dit sowieso per sample willen behandelen lijkt mij? En mogelijk heeft deze sample zelf ook informatie? Zoals een datum/interne benaming/afnemer van metingen et cetera? Dit klinkt als een aparte entiteit. Of doe je dit in bulk? Wordt dat niet heel snel heel onoverzichtelijk als je 94 tests van meerdere samples af moet nemen? Hoe ga je hier doorheen als je bijvoorbeeld 3 samples hebt? Doe je dan eerst meting #1 voor sample #1, #2 en #3 en dan zo verder voor meting #2, #3 et cetera? Of werk je eerst één sample af?

Als het zaak is dat op alle samples alle testen worden afgenomen zou ik eerder een stuk functionaliteit verwachten voor het toevoegen van een complete kolom (per sample). Maar dat gaat anders in zijn werk dan simpelweg inputvelden toevoegen met hier een div-wrapper omheen denk ik. Als je de tabel een kwartslag draait (sample op een regel, testen in de kolommen) dan zou je je wel kunnen bedienen van het toevoegen van een volledige rij. Maar allebei is in principe mogelijk met jQuery.

Hallo mensen,

Ik kom toch weer terug, pagina klaar en werkend maar geheel niet naar wens, dus zou graag opnieuw willen beginnen, met info wat jullie hadden gegeven.
Echter heb ik even een vraag.

Met onderstaande voorbeeld code voeg ik bij drukken op submit een rij erbij.:

<!DOCTYPE html>

<html>

<head>
  <title>Hello!</title>
 <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
 <script>
$(document).ready(function() {
    var i = 1;
    $("#add_row").click(function() {
    $('tr').find('input').prop('disabled',true)
        $('#addr' + i).html("<td>" + (i + 1) + "</td><td><input type='text' name='uid" + i + "'  placeholder='User ID' class='form-control input-md'/></td><td><input type='text' name='uname" + i + "' placeholder='Name' class='form-control input-md'/></td><td><input type='text' name='nic" + i + "' placeholder='NIC' class='form-control input-md'/></td><td><input type='text' name='amount" + i + "' placeholder='Amount' class='form-control input-md'/></td><td><input type='date' name='dt" + i + "' placeholder='Date' class='form-control input-md'/></td>");

        $('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
        i++;
    });
});
</script>

</head>

<body>



<div class="text-center">
  <h1>TEST PAGE</h1>
</div>
<hr>

<div class="container">
  <div class="row clearfix">
    <div class="col-md-12 column">
      <table class="table table-bordered table-hover" id="tab_logic">
        <thead>
          <tr>
            <th class="text-center">
              #
            </th>
            <th class="text-center">
              Test ID
            </th>
            <th class="text-center">
              Test
            </th>
            <th class="text-center">
              Test1
            </th>
            <th class="text-center">
              Test2
            </th>
            <th class="text-center">
              Test3
            </th>
          </tr>
        </thead>
        <tbody>
          <tr id='addr0'>
            <td>
              1
            </td>
            <td>
              <input type="text" name='uid' placeholder='Test ID' class="form-control" />
            </td>
            <td>
              <input type="text" name='uname' placeholder='Test' class="form-control" />
            </td>
            <td>
              <input type="text" name='nic' placeholder='Test1' class="form-control" />
            </td>
            <td>
              <input type="text" name='amount' placeholder='Test2' class="form-control" />
            </td>
            <td>
              <input type="date" name='dt' placeholder='Test3' class="form-control" />
            </td>
          </tr>
          <tr id='addr1'></tr>
        </tbody>
      </table>
    </div>
  </div>
  <button id="add_row" class="btn btn-primary btn-lg pull-left">SUBMIT</button>
</div>

</body>
</html>

Maar ik wil het omgekeerd hebben.
Bv ik start met het woord test met erachter 1 cell.
Eronder staat een knop toevoegen.
Ik druk op die knop en er komt naast de bestaande tekst en cell een nieuwe tekst met cell , kan mij iemand op weg helpen met een voorbeeldje?

Dat is toch bijna het zelfde? Alleen een aangepaste HTML-code in je jQuery-script.

Klopt, maar daarom vraag ik een zetje , iemand die mij op weg wil helpen met een klein voorbeeld.
Ik wil ook laten zien dat ik het probeer, echter hier kom ik op een of andere manier niet mee uit de voeten helaas.