Forum

Réagissez dans les forums de JDN Développeurs

Les formulaires sur Internet sont nombreux, et certains peuvent se révéler particulièrement long à remplir, surtout les formulaires d'inscription où il faut choisir chaque option l'une après l'autre.

Pour éviter de perdre des clients trop pressés, voici un exemple de script, à petite échelle, où trois pré-remplissages sont proposés au visiteur. Celui-ci peut ensuite librement adapter le remplissage à ses propres attentes.

Pour ce faire, nous utilisons le DOM afin de parcourir les jeux d'options et valider celles qui nous intéressent (tout en invalidant les autres, dans le cas où l'utilisateur ne saurait pas vraiment quoi choisir).

Le code
function monChoix(choix) {
  if (choix.value == "basique") {
    document.myForm.serveur[0].checked = true;
    for (i=0; i<document.myForm.options.length; i++) {
      if (document.myForm.options[i].value == "php") {
        document.myForm.options[i].checked = true;
        }
      else {
        document.myForm.options[i].checked = false;
        }
      }
    }
  if (choix.value == "sympa") {
    document.myForm.serveur[0].checked = true;
    for (i=0; i<document.myForm.options.length; i++) {
      with (document.myForm.options[i]) {
        if ( (value == "php") || (value=="perl") || (value=="python") ) {
          checked = true;
          }
        else {
          checked = false;
          }
        }
      }
    }
  if (choix.value == "luxe") {
    document.myForm.serveur[1].checked = true;
      for (i=0; i<document.myForm.options.length; i++) {
        document.myForm.options[i].checked = true;
        }
      }
    }