Récupérer infos dans liste select - PHP Javascript
Bonjour,
Je suis en train de tester le petit morceau de code suivant : en cliquant sur un élémént de la liste gauche, il se déplace dan la liste droite.
Ensuite, le bouton "ok" devrait me permettre de récupérer le contenu de "select2" mais malheureusement, il ne me renvoie strictement rien.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
|
<html>
<head>
<script type='text/ecmascript' src='js/jquery.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$('select').change(function() {
var $this = $(this);
$this.siblings('select').append($this.find('option:selected')); // append selected option to sibling
$('select', $this.parent()).each(function(i,v){ // loop through relative selects
var $options = $(v).find('option'); // get all options
$options = $options.sort(function(a,b){ // sort by value of options
return a.value - b.value;
});
$(this).html($options); // add new sorted options to select
});
});
});
</script>
</head>
<body>
<?php
print_r($_POST);
echo '<hr>';
?>
<form name="test" id="test" method="post" action="<?php echo($_SERVER['PHP_SELF']);?>">
<select multiple name="select1[]" >
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
<select multiple name="select2[]" ></select>
<input name="GO" type="button" value="ok">
</form>
</body>
</html> |
Je ne vois pas où se trouve l'erreur de code.
Merci pour votre aide
Luc