jquery-Problem mit val() in IE6

Question

Ich versuche, ein Textfeld den Wert zu erhalten, mit Jquery zu aktualisieren, wie im folgenden Code dargestellt:

<button type="button" onclick="setLine();">Set</button> 
<button type="button" onclick="showLine();">fire!</button><p></p> 
    <textarea id="hello"> 

    </textarea> 
    <script type="text/javascript"> 
      $('#hello').val("hi there"); 
     </script> 
    <script type="text/javascript"> 
     function showLine() 
     { 
      alert($('#hello').val()); 
     } 
     function setLine() 
     { 
      $('#hello').val('foo'); 
     } 
    </script> 

Dieser Code funktioniert in allen gängigen Browsern außer IE6 in Ordnung.

In IE6 wird die TextArea nicht mit dem Buttonclick aktualisiert und der Alarm gibt eine leere/Null-Zeichenfolge. In anderen Browsern wird durch Klicken auf "set" jedoch "foo" angezeigt, was dann in der Warnmeldung angezeigt wird.

Weiß jemand, warum dies für diesen Browser spezifisch ist, oder was kann mit dem Code falsch sein? Ich habe meine Vermutungen über die .val()

Jede Hilfe wäre willkommen.

Answer 1

Ich denke, dass Sie .html() anstelle von .val() verwenden müssen ... Versuchen Sie zu sagen, was passiert ist?

Answer 2

sollten Sie rufen val() innerhalb der document.ready Veranstaltung:

$(document).ready(function() { 

    $('#hello').val("hi there"); 

}); 

Nur Dinge klar zu machen: Ich spreche nur über den ersten (global) Aufruf val(). Die Funktionsdeklarationen sollten nicht innerhalb der Funktion document.ready liegen.

Answer 3

Ich weiß nicht, warum Sie Code in IE6 nicht funktioniert, aber es ist nicht richtig jQuery. Ich kann nicht jetzt testen, aber dies sollte mit einigen Änderungen arbeiten:

<button type="button" id="setline">Set</button> 
<button type="button" id="showline">fire!</button> 

<textarea id="hello"></textarea> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#hello').val("hi there"); 

     $('#showline').click(function() 
     { 
      alert($('#hello').val()); 
     }); 

     $('#setline').click(function() 
     { 
      $('#hello').val('foo'); 
     }); 
    }); 

Buttons sollten nicht Onclick Ereignisse in jQuery haben Sie sollten sie binden oben gezeigt mag. Und immer document.ready verwenden!

Answer 4

Haben Sie bei jeder Änderung mehr als ein Element mit der ID "Hallo"?