Προσθήκη <select> μετά από <select>

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Προσθήκη <select> μετά από <select>

Δημοσίευση από rafinos » 03 Φεβ 2012 17:36

Γεια σας παιδιά..

σας παραθέτω τον παρακάτω κώδικα:

Κώδικας: Επιλογή όλων

<tr>
			<td><label>Συγγραφείς&#58;</label></td>
			<td align="center">
				<?php
					$query = mysql_query&#40;"SELECT * FROM author ORDER BY name"&#41;;
					$count = mysql_num_rows&#40;$query&#41;;
					if&#40;$count < 1&#41;&#123;
						echo "Δεν υπάρχει!";
					&#125;else&#123;
						$x = 0;
						while&#40;$row = mysql_fetch_assoc&#40;$query&#41;&#41;&#123;
							$id&#91;$x&#93; = $row&#91;'id'&#93;;
							$name&#91;$x&#93; =  $row&#91;'name'&#93;;
							$surname&#91;$x&#93; =  $row&#91;'surname'&#93;;
							$fathersname&#91;$x&#93; =  $row&#91;'fathers_name'&#93;;
							$x++;
						&#125;
						?>
						<select name='author' id='author' class='author'>
						<?php
						echo "<option value='0'></option>";
						for&#40;$i=0 ; $i<$count; $i++&#41;&#123;
							$subname&#91;$i&#93; = substr&#40;$name&#91;$i&#93;,0,2&#41;;
							$subfathersname&#91;$i&#93; = substr&#40;$fathersname&#91;$i&#93;,0,2&#41;;
							echo "<option value='".$id&#91;$i&#93;."'>".$subname&#91;$i&#93;.". ".$subfathersname&#91;$i&#93;.". ".$surname&#91;$i&#93;."</option>";
						&#125;
						?>
						</select>
						<br />
						Προσθήκη&#58;<input type="checkbox" name="add" id="add">
				<?php
					&#125;
				?>
			</td>
		</tr>
γίνεται με jquery κάθε φορά που πατάω το "add" να προστείθεται ένα ακριβώς ίδιο select κάτω από το ήδη υπάρχον;;;;;
(και αν γίνεται να έχει και διαφορετικό όνομα... το ίδιο όνομα με έναν αριθμό που θα αυξάνετε κάθε φορά κατα ένα)

αν μπορεί κάποιος να βοηθήσει θα του ήμουν ευγνώμων!!!!!

ελπίζω να καταλάβατε τι ακριβώς θέλω :P

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Προσθήκη <select> μετά από <select>

Δημοσίευση από burnmind » 03 Φεβ 2012 23:04

Ένα γρήγορο παράδειγμα που θα σε βοηθήσει με τη λογική αυτού που θέλεις να κάνεις:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
var i = 2;
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;

	$&#40;'#addBtn'&#41;.click&#40;function&#40;&#41; &#123;
		$&#40;'#tableID'&#41;.append&#40;'<tr>' +
									'<td><select name="name-' + i + '"><option>select ' + i + '</option></select></td>' +
									'</tr>'&#41;;
		i++;
	&#125;&#41;;

&#125;&#41;;
</script>
</head>
<body>
	<table id="tableID">
		<tr>
			<td><select name="name-1"><option>select 1</option></select></td>
		</tr>
	</table>
	<input type="button" id="addBtn" value="Add a row" />
</body>
</html>
Έχε υπ'όψιν σου πως δεν είναι απαραίτητο να δώσεις διαφορετικά names στα select boxes σου (name1, name2 κλπ). Μπορείς να δώσεις σε όλα ένα όνομα του στυλ name="something[]" και να τα πάρεις αφότου κάνεις submit κατ'ευθείαν σε ένα array. Απλά το αναφέρω, δε ξέρω τι θέλεις να κάνεις ακριβώς.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες