JavaScriptが値の変更をロードするタイミングを検出する方法

Question

Javaスクリプトが非表示の入力フィールドの値を変更したときにアラートを作成しようとしています。

私が修正しようとしているページは、名前ボックスをクリックするとデータベーステーブルから名前を取得するポップアップウィンドウが表示され、その名前が隠しIDボックスとともに名前ボックスに配置されます。ページの読み込み時に、非表示のフィールドは空です。フィールドの値が空から値に変わるときを感知する必要があります。私が持っているもの

は、これまでのところ、私は、アラートをトリガーするのonblurを使用しています

です。私もonchangeを試みました。

<input type='hidden' name='form_pid' value='<?php echo attr($patientid) ?>' onblur='alertpriorauth(this)'/> 

function alertpriorauth(field){ 

if(field.value != '') 
{ 
    alert("box is filled"); 

    } 
    } 

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 

 
<script> 
 
    
 
    $(document).ready(function(){ 
 
    
 
    alert("hi"); 
 
$('#new_id').change(function(){ 
 
    
 

 
if($('#new_id').val() != '') 
 
{ 
 
    alert("box is not empty"); 
 

 
    } 
 
    
 
    }); 
 
    
 
}); 
 
</script>

<input type='hidden' name='form_pid' id="new_id" value='<?php echo attr($patientid) ?>'/>

Answer 2

隠しフィールドを使用すると、&の変更を追跡することにしたい任意の隠されたinput要素の値を設定したときに、あなたが明示的にjQueryを指示する必要が変更event.Soにトリガされません。その隠された入力要素に対して変更イベントを発生させる。

$('#status').change(function() { 
 
    alert($(this).val()); 
 
}) 
 

 
$('button').click(function() { 
 
    $('#status').val("Tushar").trigger('change'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='hidden' val='' id="status" /> 
 
<button>Changed hidden value</button>