Problèmes avec le menu déroulant et ses fonctions

Question

J'ai créé un menu déroulant simple, avec des fonctions. Et puis j'ai réalisé qu'après avoir exécuté la fonctionA, je ne pouvais plus l'exécuter. Je dois exécuter functionB (une autre fonction) avant de pouvoir à nouveau exécuter functionA ... Puis-je savoir comment résoudre ce problème? Voici mes codes.

Merci!

function changeForm(the_form) 
{ 
    window.location = the_form; 
} 

//Add Markers by Latitude and Longitude, automatically 
    //Listen for click 
    function marker() 
     { 
    google.maps.event.addListener(map, 'click', function(event) { 
    addMarker(event.latLng); 
    }); 
     } 
       // Place markers in by click 
       function addMarker(location) { 
       marker = new google.maps.Marker({ 
       position: location, 
       map: map, 
       title:"Specified Location", 
       icon: 'images/greenPoint.png' 
        }); 
       markersArray.push(marker); 
       } 


    // Choose By Latitude and Longitude, manually 
    function admarker() 
{ 

var lat = prompt("Enter latitude (-90 to 90)", "0"); 
while ((lat < -90) || (lat > 90)) 
    { 
     alert("Latitude must be between -90 to 90"); 
     var lat = prompt("Enter latitude (-90 to 90)", "0"); 
    } 

var lng = prompt("Enter longitude (-180 to 180)", "0"); 
while ((lng < -180) || (lng > 180)) 
    { 
     alert("Longitude must be between -180 to 180"); 
     var lng = prompt("Enter latitude (-180 to 180)", "0"); 
    } 

lat = parseInt(lat); 
lng = parseInt(lng); 

var latlng = new google.maps.LatLng(lat, lng); 

var marker = new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     clickable: true, 
     title:"Specified Location", 
     icon: 'images/bluePoint.png' 
     }) 

var infiwindow = new google.maps.InfoWindow({ 
    content: "Place where you have chosen!" 
}); 

google.maps.event.addListener(marker,'mouseover',function(){ 
    infiwindow.open(map,marker); 
}); 
google.maps.event.addListener(marker,'mouseout',function(){ 
    infiwindow.close(map,marker); 
}); 

}

<form name = "formTwo"> 
<select name = "the_select" onChange = "changeForm(this.value);"> 
<option value = "#">- - Add Markers By Lat & Long - -</option> 
<option value = "javascript:admarker()">Add Markers Manually</option> 
<option value = "javascript:readMarker()">Add Markers Automatically</option> 

</select></form> 

Answer 1

Le problème est que votre code est exécuté lorsque la valeur de la zone de sélection change, et bien sûr une fois que vous avez sélectionné une option, en cliquant simplement à nouveau doesn 't changer la valeur.

Vous pouvez probablement le corriger en ajoutant simplement this.selectedIndex = 0; à votre onChange:

<select name = "the_select" onChange = "changeForm(this.value); this.selectedIndex = 0;"> 

... mais wow est que d'une manière alambiquée d'exécuter du code. Plutôt que de stocker du code dans l'attribut value, puis-je suggérer de stocker une commande là (plus dans le style de Command pattern) et ensuite change_form traduire traduire dans le code réel à exécuter? Voici un remaniement minimaliste de ce (live example):

<form name = "formTwo"> 
<select name = "the_select" onChange = "changeForm(this.value); this.selectedIndex = 0;"> 
<option value = "#">- - Add Markers By Lat & Long - -</option> 
<option value = "adMarker">Add Markers Manually</option> 
<option value = "readMarker">Add Markers Automatically</option> 
</select></form> 
<script type='text/javascript'> 
    function changeForm(the_form) 
    { 
    switch (the_form) { 
     case "adMarker": 
     // Do something 
     display("ad marker"); 
     break; 

     case "readMarker": 
     // Do something else 
     display("read marker"); 
     break; 
    } 
    } 
</script> 

Answer 2

Je pense que si vous formatez votre code et arrangez comme ce qui suit fonctionnera bien: -

Je comprends que vous voulez changer la forme selon l'option sélectionnée dans le menu déroulant.

ce sera comme si je suis bien dans ma compréhension et j'espère que cela vous aide:

-

fonction changeForm (the_form) { window.location = "http: // mywebsite/"+ the_form +". html "; }

Ajouter Marqueurs Par Lat & Long Ajouter manuellement des marqueurs Ajouter Marqueurs automatiquement

-