html表單重置沒有觸發select onchange

Question

我有一個form ，其中字段需要根據我的select進行更改。 但是當我點擊reset ， select重置為默認值，但是不會觸發select上的onchange事件。 反正有沒有這樣我可以添加到我的JavaScript？

我正在使用type="reset"的按鈕type="reset"

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

Answer 1

從上面的評論中，使用onreset事件而不是onchange ：

$('#yourform').on('reset', function(){
    // do something
});

Answer 2

您需要做的是，單擊重置按鈕時手動觸發更改事件。 在這里看小提琴

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

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

Answer 3

您可以使用

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

在這里演示

Answer 4

這可以幫助您，用您的活動代碼替換警報線。

的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 !");
    }
}