Afficher une liste déroulante en cliquant sur un input

Signaler
Messages postés
36
Date d'inscription
lundi 24 novembre 2008
Statut
Membre
Dernière intervention
27 octobre 2011
-
Messages postés
268
Date d'inscription
lundi 9 janvier 2006
Statut
Membre
Dernière intervention
19 janvier 2017
-
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

2 réponses

Messages postés
36
Date d'inscription
lundi 24 novembre 2008
Statut
Membre
Dernière intervention
27 octobre 2011

Re bonjour
j'ai essayé de faire une fonction js :
function show_select(){
document.getElementById('secteurs').style='display:block;'
}

et dans l'input j'ai fait comme ça:
<label for="">Secteur d'activité</label>


et le select comme suit:
<select name="secteurs" id="secteurs" style='display:none;'>
<option value="0">Veuillez choisir un secteur</option>			<?foreach($list_job as $job){?>
<option value="<?= $job->job_id?>"><?= $job->job_label;?></option>
<?}?>
</select>

ça peut vous aider à mieux comprendre le but que je souhaite atteindre
Messages postés
268
Date d'inscription
lundi 9 janvier 2006
Statut
Membre
Dernière intervention
19 janvier 2017
2
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>

<form method="post" action="">
<label for="secteurs">Secteurs :</label>,
,

----

,
<table id="listsec">
<?foreach($list_job as $job){?>
----, job_label;?>')\"><?= $job->job_label;?></td>
<?}?>


</td>
</tr>
</table>
</form>

</html>
Ceci devrait répondre à votre problématique.
Bon courage!...