Lorsque l'instruction suivante est appelée alors que la page n'a pas été chargée, l'objet "ajouter" ne peut pas être obtenu et l'invite est vide ou n'est pas un objet.
Copiez le code comme suit :
document.getElementById("add").onclick = function(){
alerte("bonjour");
}
objets disponibles lorsqu'ils sont utilisés
Copiez le code comme suit :
window.onload = fonction(){
document.getElementById("add").onclick = function(){
alerte("bonjour");
}
}
Copiez le code comme suit :
<script type="text/javascript">
//L'élément sélectionné se déplace de gauche à droite
fonction vers la droite() {
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = firstoptionElement.length;
pour(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex est une propriété de select
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
}
}
//Déplace tout vers la droite
fonction très bien(){
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = firstoptionElement.length;
pour(var i=0;i<len;i++){
secondElement.appendChild(firstoptionElement[0]);//Lorsque l'option option est sélectionnée, l'index est 0
}
}
//Double-cliquez pour vous déplacer vers la droite
fonction db(){
/* //Méthode 1
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second");
var firstoptionElement = firstElement.getElementsByTagName("option");
var len = firstoptionElement.length;
pour(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex est une propriété de select
secondElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
} */
//Méthode 2
var firstElement = document.getElementById("first");
var secondElement = document.getElementById("second");
secondElement.appendChild(firstElement[firstElement.selectedIndex]);
}
</script>
<style type="text/css">
</style>
</tête>
<corps>
<table align="gauche">
<tr>
<td>
<select name="first" size="10" multiple="multiple" id="first" ondblclick="db()">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</sélectionner>
</td>
<td valign="milieu">
<input id="add" name="add" type="button" value="---->" onclick="toright()"/>
<input id="add_all" name="add_all" type="button" value="==>" onclick="allright()"/>
</td>
<td align="gauche">
<select name="seconde" size="10" multiple="multiple" id="seconde">
<option value="Option 8">Option 8</option>
</sélectionner>
</td>
</tr>
</table>
</corps>