提交建议选择的地理完成表格
Submitting geocomplete form on suggestion select
我对JS还很陌生,所以我有点困惑,为什么这不起作用。基本上,我使用地理完成jQuery插件来填充带有坐标和地址的表单。然后,一旦用户选择了目的地,我想汇总表单。
<form action="search.php" method="post" id="searchForm">
<input id="geocomplete" type="text" placeholder="Where are you going to?" size="35" />
<input name="lat" type="hidden" value="">
<input name="lng" type="hidden" value="">
<input name="formatted_address" type="hidden" value="" id="address">
</form>
这将是我调用的脚本来启动表单插件(有效),以及在插件更改地址值后提交表单的脚本:
<script type="text/javascript">
window.onload= function () {
if(window.addEventListener) {
document.getElementById('address').addEventListener('change', doIt, false);
} else if (window.attachEvent){
document.getElementById('address').attachEvent("onchange", doIt);
}
function doIt(){
document.getElementById("searchForm").submit();
}
}
$("input").geocomplete({ details: "form" });
</script>
我不明白为什么这不起作用,因为值确实发生了变化。非常感谢!
change
事件仅在通过直接用户输入进行更改时触发,而不是在脚本更改输入值时触发。
使用该插件提供的事件,如您已经链接到的页面上所述。
这里是jquery的另一个解决方案。当点击自动填充地址或用户用箭头键选择地址并点击回车键时,这将强制提交。有1.5秒的延迟,允许地理编码库填充隐藏字段。这种所需的延迟就是'onchange="this.form.submit()"
对我不起作用的原因。
/*
submit form when user clicks or hits enter on auto suggest
must sleep for 2 seconds to allow the geocoding library to update the hidden fields
*/
$(document).ready(function(){
$('#geocomplete').change(function(){
setTimeout(function() {
$('#find').click()
}, 1500);
});
});
$(document).ready(function(){
$('#geocomplete').keydown(function(event){
if (event.keyCode == 13) {
setTimeout(function() {
$('#find').click()
}, 1500);
return false;
}
});
});
$(function(){
$(".geocomplete")
.geocomplete({details:"form"})
.bind("geocode:result", function(event, result){$(".searchForm").submit();
});
});
相关文章:
- 使用下拉选择菜单高亮显示一行表格单元格
- 联系表格(具体选择)和电子邮件
- Google 图表 - 设置选择不会滚动到表格可视化中的选定行
- 获取表格行数据td并选择
- 知道单击“确定”时选择了表格的哪个单元格
- 提交建议选择的地理完成表格
- 从所选内容中选择选项,并在表格单元格中显示所选内容的信息
- 如何访问HTML表格单元格中的选择
- 如何根据下拉列表中的选择隐藏表格行
- 根据选择显示表格/表单
- 多项选择退订表格
- 根据用户选择的纸张大小打印适合大小的html表格
- Yii2:Jquery 选择表格单元格的 id 不起作用
- 限制在多个表格上选择单元格
- 如何选择与另一个表格单元格有某种关系的某个表格单元格
- 选择的输入不会在表格内对齐
- 使用基于单选按钮选择的 jquery 将表格单元格添加到行尾
- j查询选择7个表格单元格之后
- 选择 2 行之间的表格行
- 如何在表格选择过滤器上放置占位符文本