7
votes

Jquery val () ne fonctionne pas pour textarea dans l'opéra

J'affiche une boîte de dialogue modale à l'aide de JQuery. Cette boîte de dialogue a un contrôle code> textarea code> dessus. Mais lors de la soumission de cette boîte de dialogue, la valeur de ce textarea code> n'est pas reconnue par JQuery pour une raison quelconque: elle vient toujours vide. Cela fonctionne parfaitement dans d'autres navigateurs. Je mettais une alerte pour afficher la valeur mais elle a l'air vide. Quelqu'un peut-il m'aider dans ces salutations?

Contrôles: P>

var postData = new Object();
postData.GroupName = $('#txtGroupName').val();
postData.Description = $('#txtDescription').val();

jquery cross-browser opera

4 commentaires

Quel navigateur / plate-forme utilisez-vous?

J'utilise Opera 10.53 et mon système d'exploitation est Windows 7.

Je ne peux pas nécessairement aider avec la partie Windows, mais je vais installer Opera sur ma boîte Ubuntu et voir si je peux trouver quelque chose d'utile.

Après avoir ajouté du texte par défaut au formulaire sur le texte de la démo JSBIN (texte par défaut </ textarea> </ code>), puis modifiant le texte sur une nouvelle valeur / chaîne et soumettez-la, il <i> toujours < / I> semble bien fonctionner sur tous les navigateurs que j'ai essayés jusqu'à présent (avec Ubuntu). Cela pourrait être un problème / un bogue de la plate-forme avec Opera et Windows 7. Vous avez vraisemblablement effacé votre cache, etc.?</p> <hr> </div> </div> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="2186005983" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>  <p class="mt-4 font-weight-bold">10 Réponses :</p> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Avez-vous essayé <code> .attr ("texte") </ code> ou <code> .attr ("valeur") </ code>? Je suis incapable de tester cela mais cela semblerait logique pour moi. </ P> <p> Si cela ne me laissez pas savoir et je vais supprimer cette réponse. </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Le texte donne «indéfini» et la valeur donne vierge </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Textarea n'a pas d'attribut de valeur. Essayez d'utiliser <pre>$('#txtDescription').text(); </pre></p> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Vous avez raison, il n'a pas d'attribut de valeur dans HTML, mais je suis à peu près sûr que JQuery's's <Code> Val () </ code> remettra le nœud texte. </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> J'ai trouvé, dans Chrome 6.0.472.59, Firefox 3.6.9 et Opera 10.62, tout sur Ubuntu 10.04, que <code> textarea </ code> a / utilise le <code> .val () </ code> attribut. Sur la chance que d'autres navigateurs ne soient pas, ni non, je mets ensemble ce <a href="http://jsbin.com/eyeqe3" rel="nofollow NOREFERRER"> JSBIN Demo </a>. J'ai utilisé un <code> si / else </ code> bloquer pour couvrir les deux approches, cependant. Juste au cas où ... <Pré> XXX </ PRE> <P> Cette question Stackoverflow (<a href="https://stackoverflow.com/questions/144810/jQuery-get-textarea-text"> jQuery obtenir textarea Le texte </a>) suggère également qu'il devrait être possible et fiable, de même que le premier commentateur de la page API pour <A HREF = "http://api.jquerery.com/val/" rel = "NOWED NOREFERRER" > Val () </a>, chez <a href="http://www.jquery.com/" rel="nofollow Noreferrer"> jquery.com </a>. </ P> <p> note, En ce qui concerne l'opéra: la démo JSBIN n'a travaillé qu'une fois que je désactive les outils de développement (pour une raison quelconque). Il peut être intéressant de désactiver la libellule (s'il s'agit d'une exécution), puis de rafraîchir la page de démonstration (ou, évidemment, de votre propre page de test) pour voir si cela fait une différence. De toute façon, il convient toujours de dégager votre cache pour vous assurer que la version la plus récente des fichiers est utilisée. </ P> </ p> </div> <hr>  <div class="pl-5"> <small class="text-muted">4 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Merci pour l'approche. Mais chose est que le texte () ainsi que le val () ne fonctionnent pas ici. </p> <hr> <p class="answer-comment"> @Anil: Vous êtes <i> sûr </ I> que c'est le <code> $ ('textarea'). Val (); </ code> bit qui ne fonctionne pas? Je me rends compte que ce n'est pas l'endroit le plus canonique auquel je devrais me référer, mais un commentateur sur le <a href="http://api.jquery.com/val/" rel="nofollow Noreferrer"> API.JQUERY.com / Val </a> pour le <code> .val () </ code> Fonction / méthode suggère que <i> devrait fonctionner </ i> fonctionner (manifestement, dans les cas de chrome et de ff sur Ubuntu). </p> <hr> <p class="answer-comment"> J'ai utilisé $ ("# txtdescription"). Val () parce que c'est l'identifiant de mon contrôle. mais ne fonctionne pas. Voulez-vous que je n'utilise pas $ («textarea») à la place? J'ai supposé que "Textarea" devrait être remplacé par l'ID de mon contrôle. </p> <hr> <p class="answer-comment"> @Anil: Ça vaut la peine d'essayer </ I> si tout le reste échoue. Bien que je ne puisse pas voir une raison pour laquelle cela ne fonctionnerait pas peu importe, compte tenu du bon (orthographe de l'orthographe). ID de Textarea. </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> dans l'opéra pour obtenir la valeur ou une textarea ne fonctionne que: </ P> <p> document.getElementyID ("Description"). Valeur; </ P> <p> étrange est que $ ("textara # description"). VAL ("") fonctionne (Méthode définie) </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Idem dans Firefox, je devais utiliser <code> $ ("textarea # myelement"). Val (""); </ Code> Je ne sais pas pourquoi. </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Vous <em> mai </ em> avez rencontré un bug très obscur mentionné dans un poteau de blog sur le blog de l'opéra SitePatching <a href = "http://my.opera.com/sitepatching/blog/facebook -et-certains-certains-core-patchs "rel =" nofollow noreferrer "> 1 </a> comme" Patch-287, hack pour faire script Voir la valeur tapé dans textarea sur blog.ebuddy.com. Opéra échoue à lire la valeur correcte de une textareee précédemment cachée ". </ p> <p> Je suis un peu réticent à la solution de contournement de la reprise sans voir le code complet cependant. </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 3<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> val () et texte () dans JQuery fonctionne correctement, mais après avoir défini la valeur de Texarea, vous devez RERENDRE TEXTAREA, vous pouvez faire ce paramètre CSS Propriété de cette manière <pre>if ($.browser.opera) $('textarea').val(someText).css({display:block}); else $('textarea').val(someText); </pre></p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 3<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Je corrige cela en utilisant cela dans Textarea <pré> xxx </ pré> <p> mettre à la fin du script. Je suis désolé pour mon anglais </ p> </ p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Bonjour les gens, </ P> <p> Moi aussi j'ai le même problème avec Opera 10.63 et Windows. </ P> <p> Le piratage suggéré par Javier Canizalez travaille, mais aussi longtemps que je ne réutilise pas à nouveau la boîte de dialogue (et le Texarea). Cependant, ce n'est pas le cas. Avec son hack, après la charge de la page et je clique sur un élément, j'affiche une boîte de dialogue précédente (Affichage: None) avec Texarea à l'intérieur. Tout fonctionne bien la première fois (avec le piratage). Après avoir fermé la boîte de dialogue / * $ (boîte de dialogue) .hide ()); * / et la réutilisant à nouveau en cliquant sur un autre élément, le hack ne fonctionne plus et JavaScript / jQuery ne reçoit plus la nouvelle valeur dactylographiée jusqu'à ce qu'un rechargement complet de la page. </ P> <p> J'ai trouvé à l'un des liens donnés au-dessus que les gars de l'opéra ont fixé ce problème: Patch-287 Mais cela ne me semble pas réparé à moi :) J'ai écrit une question et verra si elles vont répondre: <a href="http://my.opera.com/sitePatching/blog/facebook-and-some-core-patches" rel="nofollow"> opéra patch-287 </a> </ p> <p> Quelqu'un a-t-il réussi à obtenir une solution de contournement? </ P> <p> Merci et meilleures salutations. </ P> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> J'utilise cette solution de contournement: <pré> xxx </ pré> </ p> </div> <hr>  <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Sélectionnez <code> <textarea> code> par nom d'attribut au lieu de l'ID. <pre><textarea id="txtDescription" name="txtDescription"></textarea> <script> jQuery("textarea[name='txtDescription']").val(); </script> </pre>

0 commentaires