如何创建表单以生成 URL
how to create a form to generate url
我的网站上有一个表单来生成 url,它运行良好,但用户应该等到整个页面加载才能正确使用它,我认为发生这种情况是因为我使用 window.onload,我应该使用 $(document(.ready 而不是它,但我无法替换它,我需要有人帮助我
<script type='text/javascript'>
window.onload = function() {
document.forms['filterform'].onsubmit = filterLoad;
};
function filterLoad() {
var url,
colourSel = this.elements['department'],
shapeSel = this.elements['country'];
url = ( colourSel.options[colourSel.selectedIndex].value ) + ( shapeSel.options[shapeSel.selectedIndex].value );
window.location.href = url;
return false;
}
</script>
<form id="searchform" name="filterform">
<select class="chosen" name="department" id="searchfield" >
<option value="http://www.mysite.com/">choise 1</option>
<option value="http://www.mysite.com/">choise 1</option>
</select>
<select class="chosen" name="country" id="choose">
<option value="?qatar=show&action=Filter">qatar</option>
<option value="?ksa=show&action=Filter">ksa</option>
</select>
<label for="search"><button class="submit" onclick="filterLoad()" /></button></label>
</form>
我会摆脱所有额外的javascript来分配函数,只使用:
<form id="searchform" name="filterform" onsubmit="filterLoad">
您的想法是正确的,我会在提交表单时调用该函数,并从提交按钮中删除单击事件。
试试这个:
<script type='text/javascript'>
function filterLoad() {
var url,
colourSel = this.elements['department'],
shapeSel = this.elements['country'];
url = (colourSel.options[colourSel.selectedIndex].value) + (shapeSel.options[shapeSel.selectedIndex].value);
window.location.href = url;
return false;
}
</script>
<form id="searchform" name="filterform" onSubmit="return filterLoad();" >
<select class="chosen" name="department" id="searchfield" >
<option value="http://www.mysite.com/">choise 1</option>
<option value="http://www.mysite.com/">choise 1</option>
</select>
<select class="chosen" name="country" id="choose">
<option value="?qatar=show&action=Filter">qatar</option>
<option value="?ksa=show&action=Filter">ksa</option>
</select>
<label for="search"><button class="submit" /></button></label>
</form>
相关文章:
- 根据select选项元素将表单重定向到不同的URL
- 语义ui表单验证:图像url
- 使用Javascript/jQuery以编程方式将当前锚点/哈希/片段附加到任何表单操作url
- 表单提交问题,如何在我的URL末尾获得ID的值
- 在表单中使用查询URL
- 根据url填充表单选择下拉列表
- 使用GET方法通过AJAX成功提交表单后更改url
- 如果表单中的空字段使用Javascript从URL中排除
- 表单按钮在同一窗口中打开新的URL
- 代码点火器在访问 URL 时提交表单
- JavaScript 显示来自远程 URL 的表单
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 将随机数添加到登录表单的URL的目的是什么
- 如何根据选择下拉列表从表单重定向到 URL
- Javascript按钮,它提交联系人表单7表单,然后重定向到URL
- 顶级 URL 表单验证
- 为什么JavaScript URL表单无法工作,也无法重定向
- jQuery:$.ajax() 重定向到其 URL 表单操作参数,而不是对表单操作执行 AJAX 请求
- 如何获得照片完整的url表单表单在数组
- 将网站URL表单重定向到特定页面