Plusieurs façons d'ajouter une option
Bonjour à tous,
Je suis troublé en recherchant des exemples je constate qu'il y a des dizaines de façons différentes de procéder pour réaliser la même chose, petit exemple:
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
31
32
33
34
35
36
37
38
|
<!doctype html>
<html>
<body>
<form>
<select id="mySelect" size="8">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
</form>
<button type="button" onclick="myFunction1()">Insert option</button>
<button type="button" onclick="myFunction2()">Insert option</button>
<button type="button" onclick="myFunction3()">Insert option</button>
<script>
var mySelect = document.getElementById('mySelect');
function myFunction1(){
var option = document.createElement('option');
option.value = 'Kiwi';
option.text = 'Kiwi';
mySelect.add(option);
}
function myFunction2(){
var option = document.createElement('option');
option.setAttribute('value','Orange');
var t_node = document.createTextNode('Orange');
option.appendChild(t_node);
mySelect.appendChild(option);
}
function myFunction3(){
var myForm = document.getElementsByTagName('form')[0];
var option = new Option('Blackberry','Blackberry');
myForm.elements['mySelect'].options[mySelect.length] = option;
}
</script>
</body>
</html> |
Et je suis certain qu'il y a encore des dizaines d'autres manières de procéder...
Le problème est qu'elles semblent toutes justes et je suis incapable de me repérer: quelle est la bonne façon de faire ? Javascript est super simple mais je trouve que c'est vraiment le gros bordel...
Merci d'éclairer ma lanterne :oops:
PS: Désolé pour le titre mais comme il fallait 3 mots... C'est mon toc = sémantique :mrgreen:
