Input creato dinamicamente non funziona

carlo9987

Utente Attivo
5 Mar 2013
35
0
0
Roma
Ciao a tutti!

Ho una paginetta che estrae alcuni dati da un database. Da questa, dovrà essere possibile aggiungere informazioni, modificarle o eliminarle.

Questo è il codice php che estrae i dati presenti nel db:

PHP:
echo "<tbody>";		
	$result = mysql_query($selectServiceOffered);
	if (!$result) {
		echo 'Could not run query: ' . mysql_error();
	}else{						
	        $i=0;
		while ($row = mysql_fetch_assoc($result)) {
		        $i++;
			echo "<tr id='soTableRow".$i."'>";
				echo "<td><select class='listBox' id='servicesSO' name='servicesSO[]' class='textbox'/></select></td>";
			        echo "<td><input type='text' id='ss_soPort' name='ss_soPort[]' class='textbox' value='".$row['portNumber']."'/></td>";
				echo "<td><input type='text' id='ss_soDescription' name='ss_soDescription[]' class='textbox' value='".$row['description']."'/></td>";
				echo "<td><input type='text' id='ss_soTime' name='ss_soTime[]' class='textbox' value='".$row['howLong']."'/></td>";
				echo "<td><input title='Delete' id='ss_serviceOfferedRemove' class='deleteSSP' value='".$i."'/></td>";
			echo "</tr>";
		}
	}
echo "</tbody>";	
echo "<tfoot>";
	echo "<tr>";
		echo "<td colspan='5' align='right'>"; 
			echo "<input title='Add' name='ss_serviceOfferedAdd' id='ss_serviceOfferedAdd' class='addSSP'/>";
		echo "</td>";	
	echo "</tr>";
echo "</tfoot>";

Questo è il codice javascript per inserire nuove informazioni, quindi per creare una nuova riga nella tabella con i vari input da compilare:

Codice:
var newRow = $('#soTable >tbody >tr').length;
$("#ss_serviceOfferedAdd").click(function () {
	newRow++;

	var newTextBoxDiv = $(document.createElement('tr')).attr("id", 'soTableRow' + newRow);

	newTextBoxDiv.after().html('<td><select class="listBox" id="servicesSO'+newRow+'" name="servicesSO[]" class="textbox"/></select></td><td><input type="text" id="ss_soPort" name="ss_soPort[]" class="textbox"/></td><td><input type="text" id="ss_soDescription" name="ss_soDescription[]" class="textbox"/></td><td><input type="text" id="ss_soTime" name="ss_soTime[]" class="textbox"/></td><td><input title="Delete" id="ss_serviceOfferedRemove" class="deleteSSP" value="'+newRow+'"/></td>');

	newTextBoxDiv.appendTo("#soTable");

	var selectOpt = "#servicesSO" + newRow;

	$(selectOpt).load("../../config/select/services.php");	
		
});

Mentre questo è quello che dovrebbe eliminare le informazioni:

Codice:
$("input#ss_serviceOfferedRemove").click(function () {
	var deleted = $(this).val();
	alert (deleted);
	alert ( $('#soTable >tbody >tr').length );
	$("#soTableRow" + deleted).remove();
});

Questo è il risultato del codice:

Untitled.png

Il problema è che la funzione $("input#ss_serviceOfferedRemove").click(function () funziona solo per gli elementi estratti dal codice php, mentre se creo una nuova riga e tento di eliminarla, non funziona.

Qualcuno può aiutarmi?

Vi ringrazio in anticipo!

Carlo
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non si puo assegnare lo stesso id a piu elementi , dal ciclo che fai assegni a tutti i "Delete" l'id="ss_serviceOfferedRemove"
non potra mai funzionare devi differenzarli id="ss_serviceOfferedRemove1" id="ss_serviceOfferedRemove2" etc
 
Discussioni simili
Autore Titolo Forum Risposte Data
A [Jquery]Focus su campo input appena creato col dom jQuery 5
G Input checkbox in CSS HTML e CSS 0
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
M Come recuperare molteplici input form PHP 1
F Lettura "input number" dinamico PHP 4
B form gestione input PHP 2
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
F Leggere e aggiornare dati di campi <input text> su file di test PHP 0
R Nome input testo+variabile PHP 1
L input (rilevare cambio dati) PHP 3
S riflettere valore di campo input range in live Javascript 0
L input dati con inser into select ? PHP 4
M Compilazione automatica campi in input stessa pagina PHP 0
A attributo "min" per input gestione date PHP 8
F Steps campo input field Javascript 1
C input in sostituzione della select PHP 2
C [RISOLTO]Inserimento variabile php in input html PHP 20
L input (controllo se è stato modificato o no). PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
S [PHP] Recupero nome immagine da Form con input file PHP 3
T [PHP] Autocompilazione input multiple da una select PHP 1
L [Javascript] input variabili di scrittura con canvas Javascript 2
MarkRed Come indicare, in una maschera, il primo controllo d'input, tipo "SetFocus" jQuery 9
L [Javascript] Select option in campi input Javascript 4
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
P [PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
G Campo HTML input file con jQuery jQuery 0
P [PHP] Input Type="date" non va correttamente con Apple PHP 2
L Bootstrap 4 input ext value HTML e CSS 1
R radio input php mysql PHP 2
Emix [Javascript] Somma con array input HTML Javascript 1
M [HTML] form con multipli input type image HTML e CSS 1
A [Javascript] Multi input su due tabelle correlate Javascript 1
N [PHP] filtrare input form di tipo array PHP 0
S [HTML] Problema <input type="date"> HTML e CSS 0
V [Javascript] [HTML] Attivazione nuovi campi di input Javascript 2
Daniele_Carrara [Javascript] Modifica input date Javascript 5
F Controllo dati sui campi di input tramite php PHP 1
A [Javascript] Somma di input dinamici Javascript 1
T [PHP] tornare alla pagina con gli input già compilati PHP 2
bubino8 [PHP] Recupero input senza invio PHP 1
D [Javascript] Input da un label Javascript 1
D [PHP] da option a input type PHP 9
bubino8 [HTML] <input type="file"> Testo a scelta HTML e CSS 3
D [Javascript] Script che controlla quello che hai scritto nell'input Javascript 3
MarcoGrazia [PHP] Verifica dell'input utente tramite funzione generica. PHP 0
trattorino [HTML] input automatico al click HTML e CSS 2
Alex1990000 [Javascript] autocompila campi input form Javascript 5

Discussioni simili