Afficher un champ select après avoir sélectionné un autre select
Salut à tous, comme mon titre l'indique je possède dans mon formulaire un champ pour sélectionner une catégorie, je voudrais maintenant qu'un autre select apparaisse après avoir sélectionné une des catégories. Un autre select qui contient des sous-categories.
A savoir mes categories et sous categories sont dans des tables différentes.
Voici ce que j'ai réussi à faire pour le moment ...
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
| <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js" /></script>
<script type="text/javascript">
$('#incident_category_id').on('change', function() { //WHEN USER CHANGES FIRST OPTION
var fromVal = $(this).val(); //MAKE VARIABLE OF SELECTED CHOICE
document.write("Test");
var myDiv = document.getElementById("myDiv");
//Create array of options to be added
foreach($db->query("SELECT * FROM sous_categories WHERE categorie_id = '$fromVal'") as $row) {
$array[] = array("id" => $row['id'], "name" => $row['name']);
};
//Create and append select list
var selectList = document.createElement("select");
selectList.id = ("mySelect");
myDiv.appendChild(field);
//Create and append the options
for (var i in array) {
var option = document.createElement("option");
option.value = array[o[i]];
option.text = array[i];
selectList.appendChild(option);
});
});
});
</script>
</script> |
Je suis débutant en Javascript, d'ailleurs je n'en avait jamais fait avant aujourd'hui...
Il faut savoir que les sous categories sont reliées aux categories par un identifiant. L'appli est en Rails.
Merci beaucoup !
