jqueryを使用して入力値が変更されたときに警告を表示する方法は？

Question

入力値が変更された場合に警告を表示しようとしています。私はjQueryを使用していますので、ここではデモをしていますが、私は何をしようとしていますが、警告しない/動作していないことを警告します。おかげ

$(".d1, .d2").click(function (e) { 
 
var $this = $(this); 
 
$(".input").attr('value', $this.text()); 
 
}); 
 

 
$(".input").change(function() { 
 
    alert(this.value); 
 
});

.d1, .d2 {cursor:pointer;border:1px solid black;margin-top:10px;padding:5px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<input class="input" value="" /><p/> 
 
<a class="d1">Demo 1</a> 
 
<a class="d2">Demo 2</a>

Answer 1

は、あなたがプログラム的にそれが実行されません値を変更するにinputにchangeイベントを使用しているので、input要素の値を設定する.val()メソッドを使用する必要があります。あなたは使用する必要があります.trigger(event)

指定されたイベントタイプの一致する要素に関連付けられたすべてのハンドラと動作を実行します。直接値を設定した後

$(".d1, .d2").click(function (e) { 
 
var $this = $(this); 
 
$(".input").val($this.text()).trigger('change'); 
 
}); 
 

 
$(".input").change(function() { 
 
    alert(this.value); 
 
});

.d1, .d2 {cursor:pointer;border:1px solid black;margin-top:10px;padding:5px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<input class="input" value="" /><p/> 
 
<a class="d1">Demo 1</a> 
 
<a class="d2">Demo 2</a>