llamar a la función javascript en el evento de cambio de la lista desplegable

Question 1

Quiero invocar la función javascript cuando cambia el valor en la lista desplegable. No quiero codificar la identificación de la lista desplegable .

Por lo tanto, no usar document.getElementById

Mi código:

<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);
}

esto esta dando error ReferenceError: jsFunction is not defined

Violín : http://jsfiddle.net/6uyz4b8x/1/

Question 2

Su código funciona bien, debe declarar el método javscript antes de que DOM esté listo.

tu ejemplo de trabajo

Question 3

No sé por qué necesitas esto. onmousedown evento aquí, pero lo que tiene que hacer es poner su función por encima del uso real. Mira el fragmento a continuación:

<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>

Question 4

usando jQuery

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

jsviolín

Question 5

Solo intenta esto, es tan fácil

 <script>

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

</script>

Question 6

jsFunction no está en buen cierre. cambiar a:

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

y no use variables y funciones globales, cámbielo a módulo

¿Ha sido útil esta solución?