Question

在HTML下拉列表值的select事件中，我想触发被定向到某个URL，并且该选定值作为查询字符串附加到URL。如何在javascript或jquery中实现呢？

<select id="hospitalDropDown">
            <option>All Hospitals</option>
            <option>Dyer</option>
        <option>Carmel</option>
        <option>Indianapolis</option>
        <option>Beech Grove</option>
</select>

因此，如果选择了Dyer，则应将结果定向到http://mysite.com/events.aspx?hosp=Dyer

有人可以帮忙吗？

Answer 1

在jquery中

$( '#hospitalDropDown' ).on( 'change', function( e ){
  document.location.href = "http://blah" + $( this ).val();
});

编辑：将“绑定”更改为更现代的“开启”

Answer 2

如果您使用的是最新版本的jQuery，则可以使用on() function附加事件处理程序。

$('#hospitalDropDown').on('change', function () {
    window.location.assign('http://mysite.com/events.aspx?hosp=' + $(this).val());
});

要查看此操作：http://jsfiddle.net/73PEg/

将下拉列表选定值作为查询字符串传递给URL

2 个答案: