[js + php] Volgorde in selectbox wordt niet verstuurd

vrijdag 24 juni 2005 11:30

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik heb de volgende code:

url: http://dev1.topsite.nl/test.php

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<script type="text/javascript" language="javascript">
function move(index,to) { 
    var list = document.getElementById('list');
    var total = list.options.length-1;
    if (index == -1) return false;
    if (to == +1 && index == total) return false;
    if (to == -1 && index == 0) return false;
    var items = new Array;
    var values = new Array;
    for (i = total; i >= 0; i--) {
        items[i]  = list.options[i].text;
        values[i] = list.options[i].value;
    }
    for (i = total; i >= 0; i--) {
        if (index == i) {
            list.options[i + to] = new Option(items[i],values[i + to], 0, 1);
            list.options[i] = new Option(items[i + to], values[i]);         
            i--;
        } else {
            list.options[i] = new Option(items[i], values[i]);
        }
    }
    list.focus();
}
    
function toggleList(blnSelect){
    var list = document.getElementById('list');
    var total = list.options.length-1;
    for (i = total; i >= 0; i--){
        list.options[i].selected = blnSelect;
        alert('Value: '+list.options[i].value+' - Text: '+list.options[i].text);
    }   
    return blnSelect;   
}
</script>
</head>

<body>
<form onsubmit="return toggleList(true);" method="post" action="" name="form">
<select name="list[]" size="5" multiple="multiple" id="list" style="width: 200px;">
      <option value="optie1">optie 1</option>
      <option value="optie2">optie 2</option>
      <option value="optie3">optie 3</option>
      <option value="optie4">optie 4</option>
      <option value="optie5">optie 5</option>
  </select>
    <p>
    <a href="javascript:void(0);" onclick="javascript:move(document.getElementById('list').selectedIndex,-1)";>omhoog</a><br />
    <a href="javascript:void(0);" onclick="javascript:move(document.getElementById('list').selectedIndex,+1)";>omlaag</a><br />
    <a href="javascript:void(0);" onclick="javascript:toggleList(true);">alles selecteren</a><br />
    <a href="javascript:void(0);" onclick="javascript:toggleList(false);">reset</a>
    </p>
    <input type="submit" name="Submit" value="Submit" />
</form>
<?
print '<pre>';
print_r($_POST['list']);
print '</pre>';
?>
</body>
</html>

Ik pas dus middels javascript de volgorde aan.
Na het submitten worden de verstuurde waarden getoond.
Hieruit blijkt dus dat de originele volgorde wordt verstuurd en NIET de aangepaste volgorde.
Kan iemand mij vertellen wat ik fout doe en eventueel aangeven hoe ik het aan moet pakken?

vrijdag 24 juni 2005 11:44

Acties:

0 Henk 'm!

MueR

Admin Tweakers Discord

is niet lief

Je zal de value van het object moeten veranderen. Er eventueel een 2e cijfer achter zetten, welke de volgorde aangeeft.

Anyone who gets in between me and my morning coffee should be insecure.

vrijdag 24 juni 2005 11:48

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Die wordt toch veranderd?! De volgorde blijkt uit de index van $_POST['list'] ... dus dat komt wel goed.

[ Voor 60% gewijzigd door Verwijderd op 24-06-2005 11:52 ]

vrijdag 24 juni 2005 12:07

Acties:

0 Henk 'm!

ecageman

Als ik het test, dan zie ik middels de popups de values nog steeds in de originele volgorde voor bij komen, alleen de text is in de volgorde die ikzelf had aangegeven. Dus je zult toch echt wat met de values moeten doen.

AMD Athlon 2800+, MSI K7N2Delta-L, 1024MB PC3200, SB Audigy2, XFX GF4MX440, BenQ DVD+-RW, NEC 1300A DVD+-RW, 2x WD 120GB 8mb, 2x Maxtor 250GB, Chenbro Gaming Bomb, Tagan 480W, 17" Iiyama monitor

vrijdag 24 juni 2005 12:08

Acties:

0 Henk 'm!

Janoz

Moderator Devschuur®

!litemod

Php

Over de volgorde wordt helemaal niks gegarandeerd. Je kunt beter aan het onSubmit event een stukje javascript hangen die de volgorde uitleest en dit in een hidden field op slaat. Dat veld kun je vervolgens binnen je php gebruiken.

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

Onderwerpen