javascript提交重定向失败

javascript提交重定向失败,javascript,Javascript,此脚本的工作方式如图所示 我想替换: alert(q2) ; 与: 重定向,但它不起作用 <form onSubmit=" var q = document.getElementById('addTable') ; var q2 = 'http://www.mysite.com/add/' + q.options[q.selectedIndex].text + '/' ; alert (q2) ; "> Add a new record in <s

此脚本的工作方式如图所示

我想替换:

alert(q2) ;
与:

重定向,但它不起作用

    <form onSubmit=" var q = document.getElementById('addTable') ; var q2 = 'http://www.mysite.com/add/' + q.options[q.selectedIndex].text + '/' ; alert (q2) ; ">

    Add a new record in 
    <select id="addTable">

    <option value="" >[choose a table]</option>
    <option value="articles" >articles</option>
    <option value="blogs" >blogs</option>

    </select>
    <input type="submit" value="go">
    </form>

在中添加新记录
[选择一张桌子]
文章
博客

您需要
返回false(或使用处理程序中的
事件.preventDefault();
)。另外,我建议绑定一个处理程序,不要使用内联JavaScript

<form id="addForm">
   Add a new record in 
   <select id="addTable">
     <option value="">[choose a table]</option>
     <option value="articles">articles</option>
     <option value="blogs">blogs</option>
   </select>
   <input type="submit" value="go">
</form>

<script type="text/javascript">
   document.getElementById('addForm').addEventListener('submit', function(e){
      e.preventDefault();
      var q = document.getElementById('addTable'),
      q2 = 'http://www.mysite.com/add/' + q.options[q.selectedIndex].text + '/';
      window.location.href = q2;
   });
</script>

在中添加新记录
[选择一张桌子]
文章
博客
document.getElementById('addForm')。addEventListener('submit',函数(e){
e、 预防默认值();
var q=document.getElementById('addTable'),
q2=http://www.mysite.com/add/'+q.options[q.selectedIndex].text+'/';
window.location.href=q2;
});

最好按以下方式执行此操作

<script>
 function go(){
 var q = document.getElementById('addTable') ; var q2 = 'http://www.site.com.au/add/' +     q.options[q.selectedIndex].text + '/' ; window.location=q2 ;
}
</script>

<form>

    Add a new record in 
    <select id="addTable">

    <option value="" >[choose a table]</option>
    <option value="articles" >articles</option>
    <option value="blogs" >blogs</option>

    </select>

    <input type="button" value="go" onclick="go()">
    </form>

函数go(){
var q=document.getElementById('addTable');var q2='http://www.site.com.au/add/'+q.options[q.selectedIndex].text+'/';window.location=q2;
}
在中添加新记录
[选择一张桌子]
文章
博客

我可以建议使用事件处理程序而不是内联JavaScript吗?是否有任何理由在onsubmitWorked中使用它。非常感谢。关于Javascript,我有很多东西需要学习。我很感激。
<script>
 function go(){
 var q = document.getElementById('addTable') ; var q2 = 'http://www.site.com.au/add/' +     q.options[q.selectedIndex].text + '/' ; window.location=q2 ;
}
</script>

<form>

    Add a new record in 
    <select id="addTable">

    <option value="" >[choose a table]</option>
    <option value="articles" >articles</option>
    <option value="blogs" >blogs</option>

    </select>

    <input type="button" value="go" onclick="go()">
    </form>