访问ajax/jquery返回的数据并将其放置到表单字段
access ajax/jquery returned data and place it to form field
用户在此表单上输入一个地址,然后单击验证地址,然后运行如下命令:
$('#verify').click(function () {
var address = $('input[name=address]');
var city = $('input[name=city]');
var state = $('input[name=state]');
var zip = $('input[name=zip]');
var country = $('select[name=country]');
//organize the data for the call
var data = 'address=' + address.val() + '&city=' + city.val() + '&state=' + state.val() + '&zip=' + zip.val() + '&country=' + country.val();
//start the ajax
$.ajax({
url: "process.php",
type: "GET",
data: data,
cache: false,
success: function (html) {
//alert (html);
if (html!='error') {
//show the pin long and lat form
$('.form2').fadeIn('slow');
} else alert('Error: Your location cannot be found');
}
});
//cancel the submit button default behaviours
return false;
});
process.php获取数据,并验证地址是否存在,然后将纬度和经度作为"longitude,latitude"返回。如何获取该数据并将其放置在显示位置的表单字段中(form2div中的表单字段)。非常感谢。
替换为
$('.form2').fadeIn('slow');
与这个:$('.form2').fadeIn('slow').find('input[name=latlon]').val(html);
是要在其中插入经度和纬度的输入字段的名称。
嗯,我有点困惑,但是,如果我理解正确的话,您可以通过","分隔符分割响应,并简单地将每个响应放在各自的字段中。这样的:
if (html!='error') {
var response = html.split(',');
$('.form2').fadeIn('slow');
$('.form2 input.longitude').attr( 'value', response[0] );
$('.form2 input.latitude').attr( 'value', response[1] );
} else {
alert('Error: Your location cannot be found');
}
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 添加和删除隐藏字段数组中的值,而不提交表单
- 单击鼠标,用MySQL数据填充html表单输入字段
- 带有条件字段的PHP表单
- 防止在输入字段上单击事件
- 高级自定义字段按单选按钮值排序
- 使用JQuery启用输入字段的单选框
- SmartyStreets:使用条件字段调整表单中已验证勾号的位置
- 组合功能以使用 Jquery 在一组单选按钮中显示输入字段和单选按钮
- 使只读字段不可单击
- 使用 JavaScript 进行 HTML 字段表单验证
- JavaScript 在不输入输入字段/表单的情况下传递输入
- JQuery 在动态添加输入字段时单击浏览,而 ajax 不起作用
- 我可以让时间选择器在输入字段中单击时触发吗?
- 将隐藏字段表单值传递给控制器
- 隐藏小视口中的字段,单击按钮再次显示
- 我可以给html文本字段表单中的元素提供相同的名称和id吗
- 在新行上显示输入字段(基于单选)
- 在文本字段(表单)后插入节点
- 动态生成的名称字段的单选按钮组验证