Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过选择在输入框中进行更改后调用函数_Javascript_Php_Jquery - Fatal编程技术网

Javascript 通过选择在输入框中进行更改后调用函数

Javascript 通过选择在输入框中进行更改后调用函数,javascript,php,jquery,Javascript,Php,Jquery,我有一个选择框,它在更改后启动脚本(并在输入文本字段中更改日期): 它工作得很好,但是现在我需要调用一个jQuery函数,它将新值保存到dtb中 这是通过以下脚本实现的(在整个表单的输入字段发生更改后自动工作): //JQUERY:插件“autoSumbit” (函数($){ $.fn.autoSubmit=函数(选项){ 返回$.each(此,函数(){ //变量:输入特定 var输入=$(此); var column=input.attr('name'); //变量:特定于表单的 var

我有一个选择框,它在更改后启动脚本(并在输入文本字段中更改日期):

它工作得很好,但是现在我需要调用一个jQuery函数,它将新值保存到dtb中

这是通过以下脚本实现的(在整个表单的输入字段发生更改后自动工作):


//JQUERY:插件“autoSumbit”
(函数($){
$.fn.autoSubmit=函数(选项){
返回$.each(此,函数(){
//变量:输入特定
var输入=$(此);
var column=input.attr('name');
//变量:特定于表单的
var form=input.parents('form');
var method=form.attr('method');
var action=form.attr(“action”);
//变量:在数据库中更新的位置
var where_val=form.find('#where').val();
var where_col=form.find('#where').attr('name');
//ONBLUR:通过Ajax发送动态值
input.bind('blur',函数(事件){
//获取最新值
var value=input.val();
//AJAX:发送值
$.ajax({
url:action,
类型:方法,
数据:{
瓦尔:价值,
上校:专栏,
w_col:哪里_col,
沃瓦尔:沃瓦尔在哪里
},
cache:false,
超时:10000,
成功:功能(数据){
//更新失败时发出警报
如果(数据){
警报(数据);
}
//将输出加载到P
否则{
$('通知').text('更新');
$(“#注意”).fadeOut().fadeIn();
}
}
});
//阻止正常提交表格
返回false;
})
//  
});
}
})(jQuery);
//JQUERY:在表单中的所有输入字段上运行.autoSubmit()
$(函数(){
$('#ajax表单输入').autoSubmit();
$(“#ajax表单选择”).autoSubmit();
$('#ajax form TEXTAREA').autoSubmit();
});
问题是:如何将datepayment字段中的值保存到数据库中,而不单击它?谢谢你的评论

而不是

input.bind('blur', function(event) 
试一试

下面是一个简单的例子:

<input type="text" id="input1"/> 
<input type="text" id="input2"/> 
<select id="input3">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>

$(document).ready(function() {
  $("#input1").on('input', function() { //'input' listener
    alert($("#input1").val());
  });
  $("#input2").on('input', function() { //'input' listener
    alert($("#input2").val());
  });
  $("#input3").on('change', function() { //'change' listener
    alert($("#input3").val());
  });
});

基础知识
XYZ
$(文档).ready(函数(){
$(“#input1”)。在('input',function(){/'input'侦听器上
警报($(“#input1”).val());
});
$(“#input2”)。在('input',function(){/'input'侦听器上
警报($(“#输入2”).val());
});
$(“#input3”)。在('change',function(){/'change'侦听器上
警报($(“#input3”).val();
});
});
jsiddle链接:

而不是

input.bind('blur', function(event) 
试一试

下面是一个简单的例子:

<input type="text" id="input1"/> 
<input type="text" id="input2"/> 
<select id="input3">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>

$(document).ready(function() {
  $("#input1").on('input', function() { //'input' listener
    alert($("#input1").val());
  });
  $("#input2").on('input', function() { //'input' listener
    alert($("#input2").val());
  });
  $("#input3").on('change', function() { //'change' listener
    alert($("#input3").val());
  });
});

基础知识
XYZ
$(文档).ready(函数(){
$(“#input1”)。在('input',function(){/'input'侦听器上
警报($(“#input1”).val());
});
$(“#input2”)。在('input',function(){/'input'侦听器上
警报($(“#输入2”).val());
});
$(“#input3”)。在('change',function(){/'change'侦听器上
警报($(“#input3”).val();
});
});

jsiddle链接:

谢谢!我试过了,但没用。我猜文本字段中的更改(新值)不是“更改”:)仍然不起作用。可能问题是脚本必须被触发两次——第一次是保存SELECT#payment,第二次是保存文本字段#datepayment……应该为每个字段触发脚本。您可以尝试将“输入”侦听器添加到formI中所有必需的字段中。对不起,但现在我不明白(输入侦听器)是什么意思。。。感谢您的帮助。现在看看答案中的代码,每个字段(即input1、input2和input3)都有一个侦听器。input1和input2有一个“输入”侦听器,input3有一个“更改”侦听器。谢谢!我试过了,但没用。我猜文本字段中的更改(新值)不是“更改”:)仍然不起作用。可能问题是脚本必须被触发两次——第一次是保存SELECT#payment,第二次是保存文本字段#datepayment……应该为每个字段触发脚本。您可以尝试将“输入”侦听器添加到formI中所有必需的字段中。对不起,但现在我不明白(输入侦听器)是什么意思。。。感谢您的帮助。现在看看答案中的代码,每个字段(即input1、input2和input3)都有一个侦听器。input1和input2有一个“输入”侦听器,input3有一个“更改”侦听器。
<input type="text" id="input1"/> 
<input type="text" id="input2"/> 
<select id="input3">
<option value="ABC">ABC</option>
<option value="XYZ">XYZ</option>
</select>

$(document).ready(function() {
  $("#input1").on('input', function() { //'input' listener
    alert($("#input1").val());
  });
  $("#input2").on('input', function() { //'input' listener
    alert($("#input2").val());
  });
  $("#input3").on('change', function() { //'change' listener
    alert($("#input3").val());
  });
});