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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
|
<? $mets = $Menu->listMets(); //Tableau 2D provenant d'une base de donnée.
?>
<script type="text/javascript" language='javascript'>
var arrInput = new Array(0);
var arrInputValue = new Array(0);
//Initialisation du tableau des mets
var arrMetsNom = new Array(<?= count($valueSelect) ?>);
var arrMetsId = new Array(<?= count($valueSelect) ?>);
<?
$valueJs = "";
foreach ($mets as $key=>$valueMet) {
$valueJs .= "arrMetsNom[".$key."]='".$valueMet[1]."';";
$valueJs .= "arrMetsId[".$key."]='".$valueMet[0]."';";
}
echo $valueJs;
?>
function addInput() {
arrInput.push("");
arrInputValue.push(0);
display();
}
function display() {
document.getElementById('parah').innerHTML="";
for (intI=0;intI<arrInput.length;intI++) {
document.getElementById('parah').innerHTML+=createInput(intI);
}
document.getElementById('showResult').innerHTML = arrInputValue + "\n\n" + arrInput; //Pour le debugging uniquement
}
function saveValue(arrId,idSelect) {
var selSelect = document.getElementById(idSelect);
arrInputValue[arrId] = selSelect.options[selSelect.selectedIndex].value;
}
function createInput(id) {
arrInput[id] = "<select onchange='saveValue("+id+",\"mets-"+id+"\")' id='mets-"+id+"' name='mets[]'>";
for(i=0; i < arrMetsId.length; i++) {
arrInput[id] += "<option value='"+arrMetsId[i]+"' ";
if(arrInputValue[id]==arrMetsId[i]) //Je peux finalement faire mon if pour tester si la valeur était selectionnée.
arrInput[id] += " selected ";
arrInput[id] += ">"+arrMetsNom[i]+"</option>";
}
arrInput[id] += "</select><a href='javascript:deleteInput("+ id +")'>Remove field(s)</a><br>\n\n";
return arrInput[id];
}
function deleteInput(idInput) {
if (arrInput.length > 0) {
arrInput.splice(idInput,1);
arrInputValue.splice(idInput,1);
}
display();
}
</script> |
Partager