kostenloser Webspace werbefrei: lima-city

Problem mit mehreren ids

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   23:59, 22.11.2013

   Hallo Zusammen,
   
   Ich habe ein kleines Problem mit meinem Code.
   Ich habe mir ein kleines Script geschrieben das Vorschläge aus der Datenbank löschen soll dies sieht wie folgt aus:
   

   <script type="text/javascript">
   				$(document).ready(function() {
   					$("#id").click(function() {
   					var confirmResult = confirm('Sind sie sicher das sie diesen Vorschlag löschen möchten?');
   						if(confirmResult == true){
   						$.ajax ({
   							type: "POST",
   							url: "js/del.php",
   							data: "id=" + $("#id").val(),
   							success: function(msg) {
   							alert(msg);
   							
   							
   							}
   							});
   							}
   							
   					});
   				});
   			</script>

   
   
   Mein Problem ist jetzt allerdings das ich mehrere Vorschläge habe und ich aufgrund der id Einteilung ( Die in einer While Schleife gesetzt wird) Ich immer nur den Ersten Vorschlag löschen kann.
   
   Die Einteilung sieht wie folgt aus:
   

   while($abfrage_row =mysql_fetch_object($abfrage_suggestions)){
   				echo"
   				<tr> 
      					<td><input value='$abfrage_row->id' type=\"checkbox\"></td> 
       				<td>$abfrage_row->Instrument</td> 
       				<td>$abfrage_row->Artist</td> 
       				<td>$abfrage_row->Lied</td> 
   					<td>$abfrage_row->ip</td>
       				<td><input type=\"image\" src=\"images/icn_edit.png\" title=\"Edit\"><input  id='id' value='$abfrage_row->id' type=\"image\" src=\"images/icn_trash.png\" title=\"Trash\"></td> 
   				</tr>"; 
   				}

   
   
   
   Sprich ich kann immer nur den ersten Vorschlag mit dieser Methode löschen.
   
   
   Hat jemand eine Idee wie ich das Umstellen kann das man jeden Vorschlag frei Wählbar löschen kann?
   
   LG

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. copynpaste

   

   copynpaste hat kostenlosen Webspace.

   14:33, 23.11.2013

   Kleiner Vorschlag:
   
   Gib dem Impit Element, welches den löschen Button darstellt eine Klasse, zB

   class="deleteSuggestion"

   . Danach passt du dein Javascript an, sodass du nicht

   $("#id").click(function() {

   sondern

   $(".deleteSuggestion").click(function() {

   abfängst. Innerhalb des Klick-Listeners kannst du dann auf das jeweils geklickte Element so zugreifen:

   $(this)

   , bzw wenn du an dein value (die id) rankommen willst:

   $(this).val()

   .
   
   Ich hoffe das ist halbwegs lesbar und verständlich
4. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   22:53, 23.11.2013

   Funktioniert bestens ! Danke dir!
   
   

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?