html form reset non facendo triggering onchange

Question

Sto avendo un form dove i campi devono cambiare secondo il mio select. Tuttavia, quando raggiungo lo reset, il valore select ripristina i valori predefiniti, ma l'evento onchange su select non viene attivato. C'è comunque così da poterlo aggiungere al mio javascript?

sto Ripristino tramite un pulsante con type="reset"

$('#newHistoryPart select[name="roundType"]').on('change', function (data) 
    { 
     $(".answerType").hide(); 
     selected = $(this).find("option:selected").val(); 
     roundTypeChange(selected); 
    }); 

Answer 1

Quello che dovete fare è, innescare l'evento di modifica manualmente quando il pulsante di ripristino viene cliccato. Vedi Fiddle here

$('select').on('change', function() 
{ 
    alert('on change'); 
}); 

$('input[type="reset"]').click(function() { 
    $("select").trigger('change'); 
});` 

Answer 2

è possibile utilizzare

$('select[name="roundType"]').prop('selectedIndex',0); 

DEMO HERE

Answer 3

Dal mio commento di cui sopra, utilizzare onreset evento invece di onchange:

Answer 4

Questo può aiutare a sostituire le linee di avviso con il codice attività.

JSFiddle

HTML

<select name="opt" onchange="getval(this)"> 
    <option value="Select" selected disabled>Select</option> 
    <option value="op1">Option 1</option> 
    <option value="op2">Option 2</option> 
</select> 

JavaScript

function getval(sel) { 
    if (sel.value == "op1") { 
     alert("Option 1 Selected"); 
    } else if (sel.value == "op2") { 
     alert("Option 2 Selected"); 
    } 
    else 
    { 
     alert("EXCEPTION !"); 
    } 
}