如何檢測文本框的值已被jquery更改，如果值改變，然後調用ajax函數

Question

我想調用jQuery的功能改變textbox1和textbox1的價值是由文本框填充而不是通過鍵盤或任何鼠標事件所以好心幫我在提前

由於這是一個演示代碼

<p><input id = "textbox" onkeyup="fillVal()" type = "text"></p> 
<p><input id = "textbox1" type = "text"></p> 
<span></span> 

<script> 

$("#textbox1").on("change", function() { 
    alert($(this).val()); 
}); 
function fillVal() 
{ 
    document.getElementById('textbox1').value=document.getElementById('textbox').value 
} 
</script> 

Answer 1

呼叫change;

$("#textbox1").on("change", function() { 
    alert($(this).val()); 
}); 

function fillVal() 
{ 
    document.getElementById('textbox1').value=document.getElementById('textbox').value; 
    $("#textbox1").change(); 
} 

OR

$("#textbox1").on("change", function() { 
 
    alert($(this).val()); 
 
}); 
 

 
function fillVal() { 
 
    $ '#textbox1').val($('#textbox').val()).change(); 
 
}

Answer 2

只是做：

$("#textbox1").on("keyup", function() { 
    fillVal() 
}); 
function fillVal() 
{ 
    $("#textbox").val($("#textbox1").val()) 
} 

Answer 3

不要在fillVal（）

所有代碼

function fillVal() 
{ 
    document.getElementById('textbox1').value=document.getElementById('textbox').value 
alert(document.getElementById('textbox1').value); 

} 

，或者使用一個共同的功能：

function trig(el) { 
    alert(el.val()); 
} 
$("#textbox1").on("change", function() { 
    trig($(this)) 
}); 

function fillVal() 
{ 
    document.getElementById('textbox1').value=document.getElementById('textbox').value; 
trig($("#textbox1")); 
} 

Answer 4

嘗試像這樣的事情，

<p><input id = "textbox" onkeyup="fillVal()" type = "text"></p> 
<p><input id = "textbox1" type = "text"></p> 
<span></span> 

<script> 
    $("#textbox1").on("keyup", function() { 
     $("#textbox").val($("#textbox1").val()); 
    }); 
</script> 

Answer 5

製造在你的代碼的一些變化，你可以在JSFiddle

$("#textbox").keyup(function() { 
    $("#textbox1").val($(this).val()).change(); 
}); 

看看