Ciao a tutti, portate pazienza ma sono ancora alle prese con un altro problema.
Devo aggiungere e rimuovere una riga con due elementi html in questo div:
Con questa funzione ogni volta che clicco sul bottone "Add row" clono i due elementi all'interno del mio fieldset:
Quello che non so fare è eliminarli con il relativo bottone "Remove row", mi aiutate?
Grazie
Devo aggiungere e rimuovere una riga con due elementi html in questo div:
HTML:
<fieldset id="trows">
<legend>Aggiungi marcatori</legend>
<div class="trow">
<label>Giocatore:
<select name="eplayer_id[]">
<option value="%">Seleziona</option>
<?php
$lastteam = "";
do {
?>
<?php if ($lastteam != $row_datagoal['tteam'])
echo '<optgroup label="'.$row_datagoal['name'].'">';
echo '<option value="'.$row_datagoal['id'].','.$row_datagoal['tteam'].'">'.$row_datagoal['playerName'].'</option>';
if ($lastteam != $row_datagoal['tteam'])
echo '</optgroup>';
$lastteam = $row_datagoal['tteam'];
?>
<?php
} while ($row_datagoal = mysql_fetch_assoc($datagoal));
$rows = mysql_num_rows($datagoal);
if($rows > 0) {
mysql_data_seek($datagoal, 0);
$row_datagoal = mysql_fetch_assoc($datagoal);
}
?>
</select> </label>
<label>Gol:
<input class="inputfieldres" name="ecount[]" type="text" value="" size="2" maxlength="2" />
</label>
</div>
<input type="button" id="add-row" name="add-row" value="Add row" />
<input type="button" id="remove-row" name="remove-row" value="Remove row" />
</td>
</fieldset>
Con questa funzione ogni volta che clicco sul bottone "Add row" clono i due elementi all'interno del mio fieldset:
HTML:
<script type="text/javascript">
jQuery(function($){
var $button = $('#add-row'),
$row = $('.trow').clone();
$button.click(function(){
$row.clone().insertBefore( $button );
});
});
//funzione elimina?
</script>
Quello che non so fare è eliminarli con il relativo bottone "Remove row", mi aiutate?
Grazie
Ultima modifica: