javascript - 更改表单中的选定值后如何使用 GET 值调用 url？

Question

更改表单中的选定值后如何使用 GET 值调用 url:

例如:我选择了<option value="dog">Dog</option>并且此网址正在运行:

www.mysite.com?query=dog

<form>
    <select class="select-box">
        <option name="query" value="dog">Dog</option>
        <option name="query" value="cat">Cat</option>
        <option name="query" value="pig">Pig</option>
    </select>
</form>

Answer 1

$(".select-box").on("change", function() {
    var query = $('.select-box').find(":selected").text();
    $.ajax( ... pass in url and 
        data: {query : query}
    )
}