Afficher une liste déroulante en cliquant sur un input
lsamsoumal
Messages postés36Date d'inscriptionlundi 24 novembre 2008StatutMembreDernière intervention27 octobre 2011
-
10 oct. 2011 à 16:35
cs_jperre
Messages postés268Date d'inscriptionlundi 9 janvier 2006StatutMembreDernière intervention19 janvier 2017
-
20 oct. 2011 à 13:45
Bonjour tout le monde
je suis débutante en javascript et je cherche depuis le début de la journée à résoudre mon problème sans résultat!!
En fait je développe un site en php(CodeIgniter) et je cherche une fonction à mettre dans le "onClick" d'un input pour que je puisse afficher une liste déroulante en y cliquant.
Mon input:
<label for="">Secteur d'activité</label>
et le select:
<select name="secteurs" id="secteurs" >
<option value="0">Veuillez choisir un secteur</option>
<?foreach($list_job as $job){?>
<option value="<?= $job->job_id?>"><?= $job->job_label;?></option>
<?}?>
</select>
j'espère que je me suis bien expliquée et merci d'avance pour votre aide
cs_jperre
Messages postés268Date d'inscriptionlundi 9 janvier 2006StatutMembreDernière intervention19 janvier 20172 20 oct. 2011 à 13:45
Un exemple de liste déroulante liée à un input de type text.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Exemple de liste de choix liée à un élément textbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function showlist() {
var textsec=document.getElementById("secteurs");
var divlist=document.getElementById("list_sec");
with (divlist) {
with (style) {
border="thin solid grey";
width=document.getElementById("listsec").style.width;
height="60px";
overflow="auto";
visibility="visible";
}
}
}
function selsec(secteur) {
document.getElementById("secteurs").value=secteur;
document.getElementById("list_sec").style.visibility="hidden";
}
</script>
</head>