Discussion :

[adel25]

Bonjour
j ai un probleme avec ajax (projet fait avec symfony).
J'ai une liste box qui se charge et dont l id est "couponschoice".
La liste se charge convenablement mais apres, l'action (en rouge) ne s effectue pas.
Avez vous une idee sur ce probleme?
Merci

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form action="{{ path('remboursement_create') }}" method="post" {{ form_enctype(form) }}>
        {{ form_widget(form) }}
        <p>
            <button type="submit">Effectuer un remboursement</button>
        </p>
 
    </form>
 
 
        <ul class="record_actions">
    <li>
        <a href="{{ path('remboursement') }}">
            Liste des remboursements
        </a>
    </li>
</ul>
    <div id="coupons" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function()
{
    $('#form_Deal').change(function(key)
    {
        $link="/bigdeal2013/web/app_dev.php/admin/coupon/" + $(this).val() + "/listcoupondeal" ;
        $('#coupons').load($link );
    });
    $('#couponschoice').change(function(key)
    {
        alert("test");
 
    });
});

[Invité]

Bonjour,

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#form_Deal').on('change', function(key)
...
$('#couponschoice').on('change', function(key)
...

=> .on() remplace .live() (obsolète, déprécié)

J'ai une liste box qui se charge et dont l id est "couponschoice".

Attention :
Si la <div id="couponschoice"> est créée via Ajax (et n'existait donc pas avant dans le DOM), il faut "l'accrocher" à un élément englobant et existant :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('#eltexistant').on('change', '#couponschoice',function(key)
...

#eltexistant peut aussi être form#monForm ou body (le plus haut niveau).

N.B. A quoi sert "key" ?

[adel25]

Si la <div id="couponschoice"> est créée via Ajax (et n'existait donc pas avant dans le DOM), il faut "l'accrocher" à un élément englobant et existant :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('#eltexistant').on('change', '#couponschoice',function(key)
...

Merci pour cette remarque qui devrait resoudre mon probleme!!