Selectionner tous les items d´une liste lors du submit
Bonjour
Je voudrai selectionner automatiquement tous les Item d´un <select multiple> au moment ou le formulaire est envoyé .En fait c´est 2 listes, à la liste 1 on choisit des elements qui sont transferés à la liste2. En fait lors de l´envoit vers la liste 2 les elements sont automatiquements selectionnés mais il pourraient etre deselectionnés si l´utilisateur retire des elements de la liste 2.
je voudrai don au moment d´envoyer le formulaire verifier si tous les elements du <select> sont selectionnés et si c´est pas le cas les selectionner pour qu´ils soient envoyé. Je comprend pas pourquoi mon programme ne marche pas si quelqu´un veut bien m´aider?
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 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
|
<form name="frmHostInsert" method="post" onSubmit="allSelect()" action="{ACTION_INSERT}">
<SCRIPT LANGUAGE="JavaScript">
function moveDat(l1,l2) {
if (l1.options.selectedIndex>=0) {
o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
o.selected='true';
l2.options[l2.options.length]=o;
l1.options[l1.options.selectedIndex]=null;
//l2.options[l2.options.length].selected='true';
}else{
alert("vous n´avez rien choisit");
}
}
</SCRIPT>
<script language="JavaScript">
function allSelect()
{
for (i=0; i<document.forms[0].selHostGroups[].length; i++){
if(document.forms[0].selHostGroups[].options[i].selected == false){
document.forms[0].selHostGroups[].options[i].selected=true;
}
}
}
</script>
<td rowspan="1">
<select name="selHostGroupsliste1" size="4" multiple style="width:200px;">
<!-- BEGIN hostgroups -->
<option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}>{DAT_HOSTGROUPITEM}</option>
<!-- END hostgroups -->
</select>
</td>
<td>
<INPUT type="button" value=">>>" onClick="moveDat(this.form.selHostGroupsliste1,this.form.elements['selHostGroups[]'])">
<BR><BR>
<INPUT type="button" value="<<<" onClick="moveDat(this.form.elements['selHostGroups[]'],this.form.selHostGroupsliste1)">
</td>
<TD align="center">
<select name="selHostGroups[]" size="4" multiple id="selHostGroups[]" style="width:200px;">
<option value="{DAT_HOSTGROUPITEM_ID}" {DAT_HOSTGROUPITEM_SEL}></option>
</SELECT>
</TD>
</form> |
Les données proviennent d´une BD , c´est pour ca que vous ne verrez que des variables de templates dans le code html.
Merci