|
|||||||
|
|
|
![]() |
|
|
Strumenti |
|
|
#1 |
|
Junior Member
Iscritto dal: Jun 2016
Messaggi: 1
|
[HTML + JS] Aggiungere textbox in tr specifica
Salve a tutti! Ho un codice in javascript che duplica la prima riga di una tabella insieme ai suoi elementi. Tra questi elementi c'è una selectbox con diverse opzioni. Io vorrei che quando viene scelta un opzione venga creata una textbox nella stessa riga dove è stata scelta quell' opzione. Il codice per duplicare la riga è questo:
---------------JAVASCRIPT------------------------------ Codice:
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
if(rowCount < 20){ // limit the user from creating fields more than your limits
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
}
}else{
alert("Si possono inserire massimo 20 righe!");
}
}
function deleteRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
if(rowCount <= 1) { // limit the user from removing all the fields
alert("Non si possono cancellare tutte le righe!");
break;
}
table.deleteRow(i);
rowCount--;
i--;
}
}
}
Codice:
<table id="dataTable" class="table">
<tbody>
<tr>
<td>
<input class="flat" type="checkbox" required="required" name="chk[]" checked="checked" />
</td>
<td>
<select name="scelta[]" required="required">
<option>Opzione1</option>
<option>Opzione2</option>
<option>Opzione3</option>
</select>
</td>
</tr>
</tbody>
</table>
<input type="button" value="Aggiungi Riga" onClick="addRow('dataTable')" />
<input type="button" value="Rimuovi Riga" onClick="deleteRow('dataTable')" />
Ultima modifica di max8565401 : 08-06-2016 alle 19:27. |
|
|
|
|
|
#2 |
|
Senior Member
Iscritto dal: Nov 2010
Città: Londra
Messaggi: 620
|
non ho ben capito cosa vuoi ottenere, puoi riformulare la domanda?
inoltre il codice per 'deleteRow' e' sbagliato. e' una funzione che prende come argomento la tableID e poi richiami ricursivamente la stessa funzione passando l'indice della riga che vuoi eliminare. qualcosa non torna |
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 01:02.



















