Übergeben, HTML dropdown Menü Werte an JavaScript-Funktion & onclick-Funktion aufrufen

Ich weiß, dass diese Frage gestellt wurde, in mehrere Möglichkeiten, aber Sie haben mir nicht geholfen, und ich bin immer eine "undefined" - Fehler, wenn ich versuche zu Debuggen.

Es ist ganz einfach: ich habe eine HTML-dropdown-Menü mit verschiedenen metrischen Einheiten auf, und ich habe für jeden einen Wert. Ich übergeben möchte den ausgewählten Wert an eine JavaScript-Funktion, überprüfen Sie die Metrische Einheit geben und dann wandeln Sie es in eine entsprechende englische Einheit.

Dropdown HTML:

e<p><span><label for="metric-unit">Select metric unit</label></span>
                    <select name="metric" id="metric">
                        <option value="cel">Celsius</option>
                        <option value="cm">Centimeters</option>
                        <option value="kg">Kilograms</option>
                        <option value="ml">Milliliters</option>
                    </select>
                </p>

Meine JavaScript-Funktion versuchen, übergeben Sie den Wert:

metricUnit = document.getElementById("metric").value;

Meine zweite Frage ist über den Aufruf der Konvertierungsfunktion. Ich will das tun, sobald die Metrische Einheit ausgewählt ist, und eine Zahl in ein Textfeld eingegeben und dann klickt der Benutzer eine Vorlage Taste. Soll ich rufen Sie die Funktion mit oder ohne Argumente, vor allem, wenn ich mit getElementById, um den Wert der Metrik-Einheit und die Nummer vor jeder Mathe-Auftritt?

Wäre es

onlick ="convertMeasure()"

oder

onclick = "convertMeasure(metric, numVal)"

Off-topic: Ihr for - Attribut nicht mit der select id.
Die Frage, ob die Antworten geholfen...
hat einer von der Antwort helfen? Wenn ja, könnten Sie vielleicht akzeptieren, dass man von Ihnen? Dies wird helfen, die künftigen Leser als auch..

InformationsquelleAutor CraneWing | 2014-04-03

html javascript

Vorausgesetzt, die id der Vorlage Schaltflächen und Textfeldern sub und txt sind, und Sie haben ein Standard - <option> wie "wählen Sie "Einheit" mit value = 0:

var button= document.getElementById("sub");
 button.onclick= function(){
   var select= document.getElementById("metric");
   metricUnit = select[select.selectedIndex].value; //value selected in select
   val = document.getElementById("txt").value; //value entered in text field
   if(metricUnit!=0 && !isNaN(val)){ //make sure selected item is not default and the text in textbox is a number
     convertMeasure(metricUnit, val); //call your function
   }
 }

InformationsquelleAutor T J

Wie es scheint, setzen Sie Ihren klicken Sie auf verbindliche irgendwo in der html-wie dies

<div onclick='callThisFunction()'> Click on this div </div>

Dann in javascript, können Sie diese Funktion. In ihm können Sie den ausgewählten Wert in der Dropdown-Liste und tun, was Sie Logik, die Sie benötigen.

<script>
   function callThisFunction() {
       var dropdown = document.getElementById("metric");
       var unit = dropdown.options[dropdown.selectedIndex].value;
       var nameOfUnit = dropdown.options[dropdown.selectedIndex].text;

       if (unit == "cm") {
           //do stuff
       } else if (unit == "ml") {
           //do stuff
       }
       //etc.
   }
</script>

InformationsquelleAutor Will Newton

0

Ersten mal Ihren select-element
```
var select = document.getElementById("metric");
```
und dann können Sie gehen, Lesen Sie den Wert von Optionen mit den ausgewählten index
```
var metric = select.options[select.selectedIndex].value;
```
Als für wie nennen die convertMeasure () - Methode ich würde vorschlagen, den ersten, wenn Sie gehen, um Werte aus mehreren Elementen on-the-fly.

Hier ein jsfiddle zu spielen mit http://jsfiddle.net/zEncN/

InformationsquelleAutor Gabriel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.