プログラムで設定された値を入力したときのInputBoxの変更イベント

OnChangeこのInputBoxの値がSelectBoxからの値で変更されたときにInputBoxのイベントをトリガーする方法は？現在は動作していません。プログラムで設定された値を入力したときのInputBoxの変更イベント

$('select').on('change', function() { 
 
    $('#textbal').val(this.value); 
 
    var a = this.value; 
 
    $('#textball').attr('value', a); 
 

 
}); 
 
$('textball').trigger('change', function() { 
 
    alert('hi'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
</select> 
 
<input type="text" name="bal" id="textbal" />

出典

2017-01-18 ARUNIMA DAS

あなたは.on()を使用してイベントハンドラをアタッチし、イベントハンドラを実行するために.trigger()を使用する必要があります。

$('select').on('change', function() { 
 
    $('#textbal').val($(this).val()).trigger('change'); 
 
}); 
 
$('#textbal').on('change', function() { 
 
    console.log($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option>select</option> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
</select> 
 
<input type="text" name="bal" id="textbal" />

出典

2017-01-18 08:02:24 Satpal

ような何かを行う代わりに、.onの（ '変更'）とトリガー（ '変更'）のhttps：/ /api.jquery.com/change/ – Zorken17

@ Zorken17、 '.change（ハンドラ）'は '.on（" change "、handler）の省略形です。 – Satpal

私は知っています。書く方法。 – Zorken17

-1

）また.changeを（使用することができます。この

<html> 
    <head> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
    </head> 
    <select> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
    </select> 
    <input type="text" name="bal" id="textbal" onchange="Change()"/> 
    <script type="text/javascript"> 
      $('select').on('change', function() { 
       $('#textbal').val(this.value); 
       debugger; 
       var a = this.value; 

       alert(a); 

       $('#textball').attr('value',a); 
       $('#textbal').trigger('change'); 
      }); 

      function Change() 
      { 
       alert('Hii'); 
      } 
    </script> 
    </html>

出典

2017-01-18 08:08:07

関数を.trigger（ 'change'）で呼び出すことはできません – Zorken17

はい私たちはできます:)既に試したことがありますし、その作業 –

Lol次に試してみてください –

プログラムで設定された値を入力したときのInputBoxの変更イベント

答えて

関連する問題