2016-04-24 64 views
0

我想顯示警報如果輸入值更改。我正在使用jQuery,所以這裏是一個演示,我正在嘗試做,但警報不顯示/不工作。由於如何顯示警報何時/如果輸入值實時更改使用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>

+0

呼叫改變()事件設定值後直接。如:$(「。input」)。attr('value',$ this.text())。change(); –

回答

0

您需要使用.val()方法設置input元素的值,由於您使用的編程方式改變它不會執行值使用change事件input。您需要使用.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>

+0

謝謝#Satpal。 – protik

相關問題