Ich bin Neuling bei jQuery. Ich möchte Wert aus diesen beiden Textbereichen ziehen, ich habe HTML wie dieses und jquery unten:

HTML:

<pre>
<a id="send-thoughts" href="">Click</a>
<textarea id="message1" class="message">Hello</textarea>
<textarea id="message2" class="message">World</textarea>
</pre>

jQuery:

jQuery("a#send-thoughts").click(function() {
                var thought= jQuery("textarea.message").val();
                alert(thought);
 });​

Warum wird nur ein Wert angezeigt? und wie bekommt man zwei wert von textarea?

http://jsfiddle.net/guruhkharisma/9zp9H/

.

0
guruh 8 Okt. 2012 im 13:43

5 Antworten

Beste Antwort
var text = "";

jQuery("textarea.message").each(function(){
   text += jQuery(this).val() + "\n";
})
2
Trinh Hoang Nhu 8 Okt. 2012 im 09:44

.val() gibt wie alle jQuery-Getter den Wert des ersten übereinstimmenden Formulareingabeelements zurück . Sie müssen eine .each() Schleife verwenden und die Werte verketten:

jQuery("a#send-thoughts").click(function() {
    var thought = '';
    jQuery("textarea.message").each(function() {
        thought += $(this).val() + ' ';
    });
    alert(thought);
});​
1
nbrooks 8 Okt. 2012 im 09:46

Versuchen Sie thought = $('textarea').text() Ich denke, das sollte funktionieren oder thought = $('.message').text();

1
Anton 8 Okt. 2012 im 09:44
<pre>
<a id="send-thoughts" href="">Click</a>
<textarea id="message1" class="message1">Hello</textarea>
<textarea id="message2" class="message2">World</textarea>
</pre>

jQuery:

jQuery("a#send-thoughts").click(function() {
                var thought1= jQuery("textarea.message1").val();
                alert(thought1);
                var thought2= jQuery("textarea.message2").val();
                alert(thought2);
 });​
0
User404 8 Okt. 2012 im 09:44

Verwenden Sie die Methode each().

jQuery("a#send-thoughts").click(function() {
    jQuery("textarea.message").each(function() {
        var thought= $(this).val();
        alert(thought);
    });
 });​

Weitere Informationen finden Sie im Online-Dokument: http://api.jquery.com/each/

1
Littm 8 Okt. 2012 im 09:45