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>