Attacher un évènement à des contrôles Input Text

Version imprimable

:salut:

J'ai un tableau dans lequel se trouve des contrôles Input Text. A chaque ligne, les contrôles se répètent en se numérotant.
Il faut que j'intercepte l'événement Change pour inscrire les valeurs dans le DOM sinon, du côté client (ASP/VB.net), les valeurs ne sont pas considéré comme changées.
Problème, cela n'a aucun effet, les contrôles sont pourtant bien trouvés si je debug le déroulement de la boucle:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function TriggerChangeTextBox() { for (var i = 1; i < 12; i++) { var txtMS = $(':input[name$="txtMS' + i + '"]'); var txtPcentMS = $(':input[name$="txtPcentMS' + i + '"]'); var txtObs = $(':input[name$="txtObs' + i + '"]'); /* Permet de capturer l'évènement Change. */ txtMS.trigger('change'); txtPcentMS.trigger('change'); txtObs.trigger('change'); /* Inscription de la valeur du TextBox directement dans le DOM, sinon la valeur ne sera pas considéré comme changée côté serveur. */ txtMS.change(function () { txtMS.attr('value', txtMS.val()); }); txtPcentMS.change(function () { txtPcentMS.attr('value', txtPcentMS.val()); }); txtObs.change(function () { txtObs.attr('value', txtObs.val()); }); } }
Du côté client, les contrôles sont nommés de la sorte (exemple pour la ligne 1):
Code:

1 2 3 ctl00_MainContent_txtMS1 ctl00_MainContent_txtPcentMS1 ctl00_MainContent_txtObs1
Si quelqu'un voit où ça peut clocher... D'ailleurs, est-ce qu'il y a un autre moyen d'ajouter les valeurs dans le DOM ?

:merci:

Apparemment jQuery n'aime pas trop passer par des variables pour ce genre de pratique, comme ceci ça fonctionne:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function TriggerChangeTextBox() {
    for (var i = 1; i < 12; i++) {
        /* Permet de capturer l'évènement Change. */
        $(':input[name$="txtMS' + i + '"]').trigger('change');
        $(':input[name$="txtPcentMS' + i + '"]').trigger('change');
        $(':input[name$="txtObs' + i + '"]').trigger('change');
 
        /*  Inscription de la valeur du TextBox directement dans le DOM,
        sinon la valeur ne sera pas considéré comme changée côté serveur. */
        $(':input[name$="txtMS' + i + '"]').change(function () {
            $(this).attr('value', $(this).val());
        });
        $(':input[name$="txtPcentMS' + i + '"]').change(function () {
            $(this).attr('value', $(this).val());
        });
        $(':input[name$="txtObs' + i + '"]').change(function () {
            $(this).attr('value', $(this).val());
        });
    }
}

:mouarf:

Code:

$(txtMS).trigger('change');

Code:

1
2
3
 $(':input[name$="txtMS' + i + '"]').on('change',function () {
            $(this).attr('value', $(this).val());
        });

Oui ça marche également bien comme ceci. Merci ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function TriggerChangeTextBox() {
    for (var i = 1; i < 12; i++) {
        var txtMS = $(':input[name$="txtMS' + i + '"]');
        var txtPcentMS = $(':input[name$="txtPcentMS' + i + '"]');
        var txtObs = $(':input[name$="txtObs' + i + '"]');
 
        /* Permet de capturer l'évènement Change. */
        $(txtMS).trigger('change');
        $(txtPcentMS).trigger('change');
        $(txtObs).trigger('change');
 
        /*  Inscription de la valeur du TextBox directement dans le DOM,
        sinon la valeur ne sera pas considéré comme changée côté serveur. */
        $(txtMS).on('change', function () {
            $(this).attr('value', $(this).val());
        });
        $(txtPcentMS).on('change', function () {
            $(this).attr('value', $(this).val());
        });
        $(txtObs).on('change', function () {
            $(this).attr('value', $(this).val());
        });
    }
}

:merci: