Aufruf Javascript Funktion onchange Ereignis der Dropdown-Liste

Question

Ich möchte JavaScript-Funktion aufrufen, wenn Wert in der Dropdown-Liste ändert. Ich möchte die Dropdown-Liste ID nicht fest codieren.

daher nicht document.getElementById

Mein Code verwendet:

<select id ="ddl" name="ddl" onmousedown="this.value='';" onchange="jsFunction(this.value);"> 
    <option value='1'>One</option> 
    <option value='2'>Two</option> 
    <option value='3'>Three</option> 
</select> 

function jsFunction(value) 
{ 
    alert(value); 
} 

Dies wird geben Fehler ReferenceError: jsFunction is not defined

Fiddle: http://jsfiddle.net/6uyz4b8x/1/

Answer 1

Ihr Code funktioniert nur Sie Ihre javscript Methode vor DOM bereit erklären müssen.

Answer 2

Ich weiß nicht, warum Sie diese onmousedown Veranstaltung brauchen hier, aber was Sie tun müssen, ist Ihre Funktion über die tatsächliche Nutzung zu stellen. Schauen Sie sich die snipplet unter:

<script type="text/javascript"> 
 
function jsFunction(value) 
 
{ 
 
    alert(value); 
 
} 
 
</script> 
 

 
<select id ="ddl" name="ddl" onmousedown="this.value='';" onchange="jsFunction(this.value);"> 
 
    <option value='1'>One</option> 
 
    <option value='2'>Two</option> 
 
    <option value='3'>Three</option> 
 
</select>

Answer 3

jsFunction nicht in guten Verschluss ist. ändern:

jsFunction = function(value) 
{ 
    alert(value); 
} 

und verwenden Sie keine globalen Variablen und Funktionen, ändern Sie es in module

Answer 4

mit jQuery

$("#ddl").change(function() { 
       alert($(this).val()); 
      }); 

jsFiddle

Answer 5

du nur versuchen, es ist so einfach

<script> 

    $("#YourDropDownId").change(function() { 
      alert($("#YourDropDownId").val()); 
     }); 

</script>