Boîte de dialogue jQuery et définition d'une valeur de zone de texte

Question

J'ai donc une boîte de dialogue modale que j'utilise avec jQuery dans ma page asp.net. J'essaie de définir une valeur de zone de texte en utilisant jquery. voici quelques exemples de code:

<div class="popup-template popup1"> 
    <div class="content">  
     <input type="text" id="tbX" value="asdf" /> 
     <input type="button" onclick="$('#tbX').val('TEST VALUE');" value="Input Test" /> 
     <input type="button" onclick="alert($('#tbX').val());" value="Output Test" /> 
    </div> 
</div> 

• Si je clique sur "Sortie test" les spectacles d'alerte "asdf"
• Puis je clique sur "Test d'entrée" et la valeur de zone de texte ne change pas
• I cliquez sur « sortie test » une nouvelle fois et l'alerte indique « VALEUR tEST »
• Si je change le texte dans la zone de texte manuellement l'alerte affiche toujours « VALEUR tEST »

I déjà h ave, en place, le code pour replacer ma boîte de dialogue dans la balise de formulaire afin que ce ne soit pas le problème.

Si je déplace les entrées en dehors de la division modale alors tout fonctionne bien.

Merci pour votre aide

-Russ

Answer 1

Essayez d'utiliser Firefox avec Firebug (« vue générée source ») et voir si la boîte de dialogue modale est de recréer votre DOM pour vous et renommer les entrées. Cela signifie que vous accédez à l'entrée originale, désormais masquée, du gestionnaire de clic et à la nouvelle entrée lors de la saisie. Si c'est le cas, vous pouvez modifier la façon dont vous obtenez l'élément de zone de texte pour utiliser quelque chose comme:

$(this).parent('div').find('input[type=text]:first').val(...)