選擇文本區域名稱不起作用的文本區域

Question

給定的代碼不會彈出警報！ 我是jQuery的新手，不確定使用textarea name的文本區域選擇器 。 我希望在警報框中打印文本區域的值。

jQuery的：

$(document).ready(function(){
$(":submit").click(function(){
 alert( $("textarea[name=textEditor]").val(); );
 });
});

的HTML

<input type="submit" name="submit_" value="Add" />
<textarea name="textEditor" rows="20" cols="60" > </textarea>

Answer 1

嘗試使用jquery prevent default阻止回發頁面。

$("input[type=submit]").click(function(e){
 alert($("textarea[name=textEditor]").val());
 e.preventDefault();
});

Answer 2

初始錯誤

........ .val(); );
//-------------^

請刪除該處semi-colon ，否則將導致語法錯誤。

嘗試阻止提交按鈕的默認功能，

$(":submit").click(function(e){
 e.preventDefault();
 alert( $("textarea[name=textEditor]").val());
});

提交按鈕的基本功能是提交表單，如果我們使用event.preventDefault()它將停止按鈕以繼續其基本操作。

Answer 3

刪除; val（）之后：

$(document).ready(function(){
$(":submit").click(function(){
 alert( $("textarea[name=textEditor]").val() );
 });
});

工作演示

Answer 4

您的代碼可以，但是有一個; 您在val()之后添加

$(document).ready(function(){
$(":submit").click(function(){
// alert( $("textarea[name=textEditor]").val(); );
//   remove ; after val();
 alert( $("textarea[name=textEditor]").val());
 });
});

http://jsbin.com/ficakiyi/1/

Answer 5

以下2種選擇將起作用！

選擇1：

var textAreaValue = $("textarea[name=textEditor]").val();
alert(textAreaValue);

選擇2：

alert ($("textarea[name=textEditor]").val()) ;

Answer 6

多余的分號需要刪除。

 $(document).ready(function(){
    $(":submit").click(function(e){
     alert( $("textarea[name='textEditor']").val());
                                                  ^-- remove semicolon
      e.preventDefault();
     });
  });