In my html select code i've got the following options: <select name="dir" id="selectList"> <option id="introductie">introductie</option> <option id="offertes">offertes</option> </select>
But when i select offertes it always shows my value as introductie? Full page code: <h1> Bestand toevoegen </h1> <p> Voer alle gegevens zo zorgvuldig mogelijk in. </p> <div id="submit"> <ul class="list"> <form name="upload" /> <li> Directorie: <?php $dir->fileToevoegen(); ?></li> <li> <input type="file" name="fileInput" id="fileInput" /> </ li> <li> <a href="javascript:$('#fileInput').fileUploadStart ();">Upload Files</a> <script type="text/javascript"> $(document).ready(function() { var selector = $('#selectList'); selector.change(function() { var directory = selector.val(); }); $('#fileInput').fileUpload ({ 'uploader' : '_phpincludes/template/swf/ uploader.swf', 'script' : '_phpincludes/lib/upload.php', 'cancelImg' : '_phpincludes/template/img/cancel.png', 'auto' : false, 'multi' : true, 'buttonText': 'Select bestanden', 'folder' : 'documenten/' + directory + '/' , 'onError': function (a, b, c, d) { if (d.status == 404) alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>'); else if (d.type === "HTTP") alert('error '+d.type+": "+d.status); else if (d.type ==="File Size") alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB'); else alert('error '+d.type+": "+d.text); }, 'onComplete': function(a, b, c, d, e){ if (d !== '1') alert('Bestanden zijn geupload. U word nu doorgestuurd naar de index.'); window.location = mainAdres; } }); }); </script> </form> </ul> </div>