2014-03-26 21 views
5

Ich möchte die Warnung innerhalb der $("#address").change Funktion ausführen, aber das muss nur getan werden, wenn der Wert mit der Schaltfläche geändert wird.Auslöser Ereignis auf Textfeld Wertänderung

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $('button').click(function(){ 
    $("#address").val("hi") 
    }) 
    $("#address").change(function(){ 
    alert("The text has been changed."); 
    }); 

}); 
</script> 
</head> 
<body> 
<input type="text" id="address"> 
<button>Click</button> 
</body> 
</html> 
+1

$ („# Adresse“) Änderung wird ausgelöst, wenn Sie eine Veränderung in Textfeld ausführen. Wenn Sie nur dann eine Warnung auslösen möchten, wenn Sie auf "Klicken" klicken, klicken Sie auf "Warum klicken Sie nicht auf die Schaltfläche". – Yasitha

+0

Dies ist nicht meine ursprüngliche Anwendung! Meine Anwendung behandelt das dynamische Ändern von Werten in alle txt Felder und ich muss jedes Ereignis auslösen! Dieses Beispiel kann bei meiner Bewerbung helfen! Also habe ich dieses – user3383301

Antwort

7

können Sie lösen change Ereignis in click Funktion:

$('button').click(function(){ 
 
    $("#address").val("hi") 
 
    $("#address").change(); //or $("#address").trigger("change"); 
 
}); 
 
$("#address").change(function(){ 
 
    alert("The text has been changed."); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="address" type="text"> 
 
<button>Change</button>

+0

Works und Thanks gepostet :) – user3383301

0

Trigger das Änderungsereignis wie folgt aus:

$('button').click(function(){ 
    $("#address").val("hi") 
    $("#address").trigger('change'); 
    }); 
    $("#address").change(function(){ 
    alert("The text has been changed."); 
    }); 
0

Wenn Sie die Warnung auf # wollen Anzeige Kleid Änderung nur, wenn die Schaltfläche geklickt wird und nicht, wenn manuell den #address Wert zu ändern.

var textChangedHandler = function() { 
    alert("The text has been changed."); 
}; 

$('button').click(function(){ 
    // Attach event handler for 'change' to #address 
    $("#address").bind("change", textChangedHandler); 

    // Update #address value 
    $("#address").val("hi"); 

    // Trigger 'change' 
    $("#address").trigger('change'); 

    // Remove event handler for 'change' from #address 
    $("#address").unbind("change", textChangedHandler); 
}); 

DEMO

Verwandte Themen