Bind a event on an element

Question

What is the best way to bind an event on multiple element . I wrote this code to do that is there is any good way to do that.

$('#GiftPurchase_recipient_first_name,#GiftPurchase_recipient_last_name').bind('blur', function() {
        gift_to  = $('#GiftPurchase_recipient_first_name').val()+" "+$('#GiftPurchase_recipient_last_name').val();
        $("#gift_to").val(gift_to);
    });

I have two input box with first name and last name, i wont to display there first anme and last name into a another element

Apart the missing `var`, what's the problem with your code ? — Denys Séguret, Jul 24 '14 at 06:43
Yes this element are created by yii framework lib and i use this code inside $( document ).ready(function() {}) function — Hasibur, Jul 24 '14 at 06:48

score 0 · Answer 1 · answered Jul 24 '14 at 06:49

Give the elements a class and add the event to the class.

$('.theclassnamethatalltheelementsshare').bind('blur', function() {
    gift_to  = $('#GiftPurchase_recipient_first_name').val()+""+$('#GiftPurchase_recipient_last_name').val();
    $("#gift_to").val(gift_to);
});

Mirage · Answer 2 · 2014-07-24T07:03:59.833

0

maybe this works

$(document).ready(function(){
    $('#GiftPurchase_recipient_first_name,#GiftPurchase_recipient_last_name').bind('blur',function(){
        var gift_to  = $('#GiftPurchase_recipient_first_name').val()+" "+$('#GiftPurchase_recipient_last_name').val();
        $("#gift_to").val(gift_to);
    });
});

Fiddle

edited Jul 24 '14 at 07:03

answered Jul 24 '14 at 06:50

Mirage

162
1
7

Bind a event on an element

2 Answers2