POST请求后jQuery功能无法正常工作

Question

我有这个简单的select元素，它以一种形式包装：

<form id="createSomething" method="post" action="/same_page.php">
    <select id="selectService" class="form-control mt-2" name="service">
        <option selected value="a">Select...</option>
        <option value="b">Something</option>
    </select>
    <button type="submit">Submit</button>
</form>

当我最初通过GET请求加载页面时，这个jQuery代码工作正常：

$(function(){
    $("#selectService").on("change", function() {
    window.alert( "TEST" );
    });
});

但是当我通过POST请求提交表单时（加载相同jQuery的同一页面），

我的jQuery不再起作用了。为什么会这样，我怎样才能使它发挥作用？

Answer 1

试试这个：

$(document).on("change", "#selectService", function() {
    window.alert( "TEST" );
    });

也许这就是我理解你的要求的答案。