我正在尝试根据选项选择控件中的用户选择编写一个允许用户转到(即导航到)新URL的小片段.
<script type="text/javascript">
/* <[CDATA[ */
jQuery.noConflict();
jQuery(document).ready(function(){
var id = jQuery($this).val();
var url = some_Lookup_func(id);
jQuery("#the_id").change(function () { /* how do I navigate the browser to 'url' ?*/ );
});
/* ]]> */
</script>
注意：这不是我想要的AJAX行为,我希望浏览器的行为就像你点击了一个超链接一样.我以前做过这个,但我忘记了怎么做.我查看了jQuery文档,而load()似乎没有这样做 – 因为我不想将内容放在当前页面中 – 我想：
>转到一个全新的页面
>将参数传递给我导航到的网址(例如所选项目的ID)
解决方法
jQuery的
var YourParam="sunshine";
$(document).ready(function() {
$("#goto").change(function(){
if ($(this).val()!='') {
window.location.href=$(this).val()+"?param="+YourParam;
}
});
});
HTML
<form action="whatever.shtml" method="post" enctype="multipart/form-data">
<select id="goto">
<option value="">Go somewhere...</option>
<option value="http://cnn.com/">CNN</option>
<option value="http://disney.com/">Disney</option>
<option value="http://stackoverflow.com/">stackoverflow</option>
<option value="http://ironmaiden.com/">Iron Maiden</option>
</select>
</form>
