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 : Sélectionner tout - Visualiser dans une fenêtre à part
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
PS: Désolé pour le titre mais comme il fallait 3 mots... C'est mon toc = sémantique