选择文本区域名称不起作用的文本区域

时间:2014-06-05 04:23:58

标签: jquery

没有针对给定代码弹出警告!我是jQuery的新手,并且不确定使用textarea名称的文本区选择器。我希望在警告框中打印文本区域的值。

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>

6 个答案:

答案 0 :(得分:3)

尝试阻止使用jquery阻止默认回发页面。

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

答案 1 :(得分:1)

初始错误,

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

请在那边删除semi-colon,否则会导致语法错误。

尝试阻止提交按钮的默认功能

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

提交按钮的基本功能是提交表单,如果我们使用event.preventDefault()将停止按钮以继续其基本操作。

答案 2 :(得分:1)

在val()后删除;

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

working demo

答案 3 :(得分:1)

您的代码没问题,但在;

之后添加了一个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/

答案 4 :(得分:1)

以下两种选择可行!

备选方案1:

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

备选方案2:

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

答案 5 :(得分:0)

需要删除额外的分号。

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