Suchergebnisse | lima-city

Suche auf lima-city

Beiträge (1)

in: Alle <select> Elemente übergeben

geschrieben von webrank

muss es denn GET sein ?

Du kannst auch einfach in der zweiten Liste einen

name="select_pub[]"

einfügen
und alle (auch vorgegebene) Elemente mit Attribut selected="selected" versehen
und das Formular per POST und Sende-Button abschicken,
dann bekommst Du die ausgewählten Elemente als Array

EDIT: und dann brauchst Du auch keine JS submit Funktion wie saveOptions()

Beispiel:

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script type="text/javascript">
function moveSelectedItems(source, destination){
	var selected = $(source+' option:selected').remove();
	var sorted = $.makeArray($(destination+' option').add(selected)).sort(function(a,b){
		return $(a).text() > $(b).text() ? 1:-1;
	});
	$(destination).empty().append(sorted);
}

$(document).ready(function(){
	$('#t1add').click(function(){
		moveSelectedItems('#t1available', '#t1published');
	});
	$('#t1remove').click(function(){
		moveSelectedItems('#t1published', '#t1available');
	});
	$('#t1addAll').click(function(){
		$('#t1available option').attr('selected', 'true');
		moveSelectedItems('#t1available', '#t1published');
	});
	$('#t1removeAll').click(function(){
		$('#t1published option').attr('selected', 'true');
		moveSelectedItems('#t1published', '#t1available');
	});
});
</script>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<br>
<br>
<br>

<?php 
// ----------------------------------------------------- 

if (!empty($_POST['select_pub'])) { 

$posted_data = $_POST['select_pub']; 

print "<pre style=\"margin:12px 4px; padding:6px; text-align:left; background:#DEDEDE; color:#000066;\">\n";
print_r($posted_data);  
print "</pre>\n"; 

print "<br>\n";
print "<br>\n";

}


// ----------------------------------------------------- 
?>

<form name="form1" method="POST" action="">
<div style="float:left">
	<label for="t1available" style="display:block">Available projects</label>
	<select id="t1available" size=10 style="height:200px;width:200px" multiple>
	<option value="Project 1">Project 1</option>
	<option value="Project 2">Project 2</option>
	<option value="Project 4">Project 4</option>
	</select>
</div>
<div style="float:left;padding:0 10px 0 10px">
	<br />
	<input id="t1add" style="width:50px" type="button" value=">" /><br />
	<input id="t1addAll" style="width:50px" type="button" value=">>" /><br />
	<input id="t1removeAll" style="width:50px" type="button" value="<<" /><br />
	<input id="t1remove" style="width:50px" type="button" value="<" /><br />
</div>
<div style="float:left">
	<label for="t1published" style="display:block">Published projects</label>
	<select id="t1published" name="select_pub[]" size=10 style="height:200px;width:200px" multiple>
	<option value="Project 3" selected="selected">Project 3</option>
	</select>
</div>

<p style="clear:both; margin:16px; padding:4px;"> OK ... <input type="submit" name="Abschicken" value="Abschicken"> </p>

</form>


<br>
<br>
<br>

</body>
</html>

beachte NEU ist

name="select_pub[]"

und bei option

selected="selected"

in der zweiten Auswahl-Liste,
und NEU ist auch der "submit" Button (Abschicken) und

method="POST"

im <form> Tag

wichtig sind dei eckigen Klammern bei name="select_pub[]"
damit nach Absenden in der _POST Variable ein Array ankommt
welches die gewählten Elemente enthält ... siehe im Beispiel

kostenloser Webspace werbefrei: lima-city

Suche auf lima-city

in: Alle <select> Elemente übergeben

Login zum Webhosting ohne Werbung!