llamada Javascript evento onchange cambiando programáticamente valor de texto

Question

el problema que estoy enfrentando es la siguiente:

• Tengo un cuadro de texto para un intervalo de fechas junto a un control de calendario.
• Cuando el usuario selecciona una fecha del calendario, rellena esa fecha en el cuadro de texto
• Cuando esto sucede, deseo activar una función de JavaScript, sin embargo, el evento 'onchange' no parece suceder.

me gusta lo ideal para poder añadir el evento como un atributo de la caja de texto, algo así como:

txtCreateDate.Attributes.Add("onchange", string.Format("JSfunction({0},'{1}');", arg1, arg2)); 

gracias de antemano

más información: La fecha se introduce en el cuadro de texto en C#. El control de calendario tiene un manejador de eventos en la página. Cuando se selecciona una fecha, el manejador de eventos pone la fecha en el cuadro de texto. Intenté establecer el foco en el cuadro de texto en este momento, luego puse un atributo onBlur en el cuadro de texto, pero el cuadro de texto nunca parece enfocar.

Supongo que podría llamar directamente a la función javascript en este momento haciendo ClientScript.RegisterClientScriptBlock o algo así, pero eso parece descuidado y nunca funciona como yo quiero.

Answer 1

Está malinterpretando lo que hace el evento onchange cuando se aplica a un área de texto. No se disparará hasta que pierda el foco o presionas enter. ¿Por qué no desencadenar la función desde un cambio en la selección que llena el área de texto?

Salida aquí para más información sobre el evento onchange: w3schools

Answer 2

Onchange solo se activa cuando el usuario ingresa algo por teclado. Un posible workarround podría ser enfocar primero el campo de texto y luego cambiarlo.

¿Pero por qué no recuperar el evento cuando el usuario hace clic en una fecha? Ya debe haber algunos javascript.

Answer 3

El "onchange", sólo se activa cuando el atributo se cambia mediante programación o cuando el usuario realiza un cambio y luego se concentra fuera del campo.

¿Ha considerado utilizar el objeto de calendario de YUI? He codificado una solución que coloca el calendario yui dentro de un panel yui y oculta el panel hasta que se hace clic en una imagen asociada. Puedo ver cambios de cualquiera.

http://developer.yahoo.com/yui/examples/calendar/formtxt.html

Answer 4

Puede desencadenar el evento simplemente con

 
document.getElementById("elementID").onchange(); 

No sé si esto no funciona en algunos navegadores, pero que debería funcionar en FF 3 y IE 7+

Answer 5

Usted La población es del lado del servidor. El uso de registerclientscript colocará el script al principio del formulario ... querrá utilizar RegisterStartupScript (Block) para que el script se coloque al final de la página en cuestión.

El primero intenta ejecutar el script antes de que el área de texto exista en el dom, este último ejecutará el script después de que se cree ese elemento en la página.

Answer 6

Puedes probar the Anthem library.

Answer 7

Ésta es una cuestión de edad, y no estoy seguro de si se va a ayudar, pero yo he sido capaz de disparar un evento mediante programación usando:

if (document.createEvent && ctrl.dispatchEvent) { 
    var evt = document.createEvent("HTMLEvents"); 
    evt.initEvent("change", true, true); 
    ctrl.dispatchEvent(evt); // for DOM-compliant browsers 
} else if (ctrl.fireEvent) { 
    ctrl.fireEvent("onchange"); // for IE 
} 

Answer 8

usted puede ponerlo en una clase diferente y luego llama a una función. Esto funciona cuando ajax refresh

$(document).on("change", ".inputQty", function(e) { 

//Call a function(input,input); 
});