Javascript 提交时的Ajax表单集文本框值
使用ajax提交表单后,我无法正确设置多个文本框上的值,这是我的表单Javascript 提交时的Ajax表单集文本框值,javascript,php,jquery,ajax,forms,Javascript,Php,Jquery,Ajax,Forms,使用ajax提交表单后,我无法正确设置多个文本框上的值,这是我的表单 <form id="searchForm" action="process.php" method="post"> <input id="cust_code" name="cust_code" required> <input id="cust_code1" name="cust_code1" disabled> <input id="cust_name" name="cust_nam
<form id="searchForm" action="process.php" method="post">
<input id="cust_code" name="cust_code" required>
<input id="cust_code1" name="cust_code1" disabled>
<input id="cust_name" name="cust_name" disabled>
<button type="submit">Search</button>
</form>
javascript:
var formData = {
'cust_code': $('#cust_code').val()
};
$.ajax({
type : 'POST',
url : 'process.php',
data : formData,
dataType : 'json',
encode : true,
success: function(data) // recieved data from process.php
{
var code = data[0];
var cust_name = data[1];
// Update id value
document.getElementById('cust_code').value = code;
document.getElementById('cust_code1').value = code;
document.getElementById('cust_name').value = cust_name;
}
})
提交后,cust_code和cust_code的值发生了更改,但cust_name的值没有更改
有什么想法吗
编辑:id已经在另一个页面(php包含)上使用,以便使输入不会更改,已解决 在JQuery中也可以通过这种方式赋值:
document.getElementById('cust_code').val(code)代码>
或
document.getElementById('cust_code').attr('value',code)代码>在另一个页面(包括php)上使用了相同的ID,因此输入值不会改变,将ID更改为cust_名称似乎可以做到这一点您是否检查了变量cust_名称是否为空?另外,使用console.log(cust_名称)在浏览器控制台中检查cust_名称的值我检查了console.log(数据);请注意,我从数据库中获取了所需的变量,它只是不会将值设置为textbox尝试删除缓存,然后重试!请检查本页中未使用客户名称的任何位置
var formData = {
'cust_code': $('#cust_code').val()
};
$.ajax({
type : 'POST',
url : 'process.php',
data : formData,
dataType : 'json',
encode : true,
success: function(data) // recieved data from process.php
{
var code = data[0];
var cust_name = data[1];
// Update id value
document.getElementById('cust_code').value = code;
document.getElementById('cust_code1').value = code;
document.getElementById('cust_name').value = cust_name;
}
})