JavaScript Namen aus <select> einblenden/ausblenden

raven16 · 4. April 2009

Hi,

Ich habe ein <select>, wo namen drin stehen, und möchte, wenn ich einen Namen anklicke, dass dieser dann unter dieser select-liste angezeigt wird.

Sagen wir mal es stehen:
Name1
Name2
in der Selectliste untereinander...
Dann soll wenn ich z.b. auf beide Namen klicke,
darunter das in einem Feld so angezeigt werden:
Name1,Name2

Wenn ich das Formular dann abschicke, dann soll Name1,Name2 so wie es darunter angezeigt wird in die Datenbank geschrieben werden...
Wenn ich auf einzelne Namen in der Auflistung klicke, dann soll der Name wieder ausgeblendet werden.

Hoffe ihr versteht meine Überlegungen...
(Hab leider noch nicht viel Ahnung von JS)

Hier der Quelltext von meiner Seite:

PHP:

<html>
<head>
<title>Freizeitparkplaner 1.0</title>
<link rel="stylesheet" type="text/css" href="inhalt.css">
</head>
<body>
<script type="text/javascript">
	function swap(targetID) { obj = document.getElementById(targetID); 
	obj.style.display = (obj.style.display == 'block') ? 'none' : 'block' ; }
</script> 
<div style="float:left;width:250px;height:500px;border: 1px solid #AAAAAA;padding-left:10px;">

			Bitte fülle alle richtigen Angaben aus: <br><br>
			<form method="post" action="freizeitpark_eintragen.php">
				Name: <input type="text" name="name" style="float:left;"><br><br><br>
				Wohnort: <input type="text" name="wohnort" style="float:left;"><br><br><br>
				Auto zur Verfügung?<br><select name="auto" size="3">
					<option style="float:right;">Ja</option><br>
					<option style="float:right;">Nein</option><br>
				</select><br><br>
				Wenn ja: Personen auswählen, die keine Fahrgelegenheit haben:<br>
				<br><select name="leuteohneauto" id="leuteohneauto" size="3" onChange="showSelectedID()">
				<?php
				$con= mysql_connect('localhost','raven16','sinusSQL') or die(mysql_error());
				mysql_select_db('raven16',$con) or die(mysql_error());
				$result_ohneauto = mysql_query("SELECT name,wohnort FROM freizeitpark
				WHERE auto='Nein' ORDER BY name ASC") or die('Einträge konnten nicht ausgewählt werden<br>' . mysql_error());
				while($row = mysql_fetch_object($result_ohneauto)) 
				{ 
					echo'<option style="float:right;" onclick="swap(\'namebox\')">'.$row->name.'</option><br>';	
				}
				echo'</select><br><br>';
				echo'<label id="namebox" onclick="swap(\'namebox\')>'.$row->name.'</label>';
				echo'<br><br>';	
				echo'<input type="submit" name="abschicken" value="Eintragen" style="float:left;">';
			echo'</form><br><br>';			
			?>
</div>
		<div style="float:left;width:500px; margin-left: 25px;">
			Leute, die ein Auto haben:
			<table border="1">
				<tr>
					<td>
						<b>Name</b>
					</td>
					<td>
						<b>Wohnort</b>
					</td>
					<td>
						<b>Auto</b>
					</td>
					<td>
						<b>Beifahrer</b>
					</td>
				</tr>			
			<?php
			$con= mysql_connect('localhost','Benutzer','Passwort') or die(mysql_error());
			mysql_select_db('Datenbank',$con) or die(mysql_error());
			$result_mitauto = mysql_query("SELECT * FROM freizeitpark
			WHERE auto='Ja'") or die('Einträge konnten nicht ausgewählt werden<br>' . mysql_error());
			while($row = mysql_fetch_object($result_mitauto)) 
				{ 
					$name = $row->name;
					$wohnort = $row->wohnort;
					$auto = $row->auto;
					$beifahrer = $row->beifahrer;
					echo'<tr>
							<td>
								'.$name.'
							</td>
							<td>
								'.$wohnort.'
							</td>
							<td>
								'.$auto.'
							</td>
							<td>
								'.$beifahrer.'
							</td>
						</tr>
					';						
				 } mysql_close($con); 
			?>
			</table><br><br>
			Leute, die nicht wissen, wo sie mitfahren sollen:
			<table border="1">
				<tr>
					<td>
						<b>Name</b>
					</td>
					<td>
						<b>Wohnort</b>
					</td>
					<td>
						<b>Auto</b>
					</td>
				</tr>			
			<?php
			$con= mysql_connect('localhost','Benutzer','Passwort') or die(mysql_error());
			mysql_select_db('Datenbank',$con) or die(mysql_error());
			$result_ohneauto = mysql_query("SELECT name,wohnort,auto FROM freizeitpark
			WHERE auto='Nein'") or die('Einträge konnten nicht ausgewählt werden<br>' . mysql_error());
			while($row = mysql_fetch_object($result_ohneauto)) 
				{ 
					$name = $row->name;
					$wohnort = $row->wohnort;
					$auto = $row->auto;
					echo'<tr>
							<td>
								'.$name.'
							</td>
							<td>
								'.$wohnort.'
							</td>
							<td>
								'.$auto.'
							</td>
						</tr>
					';						
				 } mysql_close($con); ?>
			</table><br>
		</div>		
			
</body>
</html>

Die Css datei:

Code:

#namebox{display:none;}
#namebox{
	width: 100px;
	height: 30px;
	background: #EEEEEE;
	color: #444444;
}

Und zuletzt das eintragen wenn ich das Formular abschicke:

PHP:

<?php	
	
	if(isset($_POST['abschicken']) && strlen($_POST['name'])>2 && strlen($_POST['wohnort'])>3)
	{
		$result = insert($_POST['name'],$_POST['wohnort'],$_POST['auto'],$_POST['beifahrer']);
		if($result == true)
		{
			echo 'Daten erfolgreich eingetragen.';
			echo '<meta http-equiv="refresh" content="2; URL=freizeitpark.php">';
		}
		else if($result == false)
		{
			echo 'Eintrag konnte nicht hinzugefügt werden!';
			echo '<meta http-equiv="refresh" content="2; URL=freizeitpark.php">';
		}
	}
	else echo 'Bitte fülle alle notwendigen Felder aus. <meta http-equiv="refresh" content="2; URL=freizeitpark.php">';
	//Funktionen
	//Einträge aktualisieren
	function insert($name,$wohnort,$auto,$beifahrer)
	{	
		include_once('include/dbconnect.inc.php');
		$sql = "INSERT INTO freizeitpark (name,wohnort,auto,beifahrer)
				VALUES ('".mysql_real_escape_string($name)."',
				'".mysql_real_escape_string($wohnort)."',
				'".mysql_real_escape_string($auto)."',
				'".mysql_real_escape_string($beifahrer)."')";		
		$result = mysql_query($sql) or die(mysql_error());
		if (!$result) 
		{
			return false;
		} 
		else 
		{
			return true;
		}
		mysql_close($con);
	}
	
?>

Suche

JavaScript Namen aus <select> einblenden/ausblenden

raven16

Lieutenant

Ähnliche Themen