Sujet Précédent Sujet Suivant

Afficher une liste déroulante en cliquant sur un input

lsamsoumal Messages postés 36 Date d'inscription lundi 24 novembre 2008 Statut Membre Dernière intervention 27 octobre 2011 - 10 oct. 2011 à 16:35
cs_jperre Messages postés 268 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 19 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

A voir également:

Input liste déroulante
Input list - Meilleures réponses
Html input liste déroulante - Meilleures réponses
Liste deroulante php ✓ - Forum PHP
Liste déroulante php ✓ - Forum PHP
Liste déroulante à partir d'une base de données ✓ - Forum PHP
Liste déroulante et récupération du contenu dans un input ✓ - Forum Javascript / DHTML
Input en arabe ✓ - Forum Javascript / DHTML

2 réponses

Réponse 1 / 2

lsamsoumal Messages postés 36 Date d'inscription lundi 24 novembre 2008 Statut Membre Dernière intervention 27 octobre 2011
10 oct. 2011 à 17:34

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

Réponse 2 / 2

cs_jperre Messages postés 268 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 19 janvier 2017 2
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>

<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!...

Discussions similaires

Liste deroulante Android studio

Liste des codes déposés

3 liste deroulante liées PHP/MYSQL/AJAX

liste déroulante à partir d'une base de données

Créer une liste d'objets...puis la trier sur 1 de ses "attributs" en ne prenant

transformer un fichier texte en dictionnaire

Votre réponse

Discussions similaires