VAL();一无所获

时间:2011-03-28 19:08:06

标签: jquery

使用jQuery ...我正在尝试获取textarea的val(); ...而且它无效。当我点击提交(有效!)时,提醒显示为You said: :(

我做错了什么?

<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" >
$(function() {

$(".comment_button").click(function() {

var test = $("#content").val();
var dataString = 'content='+ test;
alert('You said: ' + test);

});
});
</script>
<style>
#error, #success { display:none;}
</style>
<?php include 'inc/main.php'; ?>

<h1>Testing</h1>
<div id="error">Error...</div>
<div id="success">Success...</div>
<form name="form" action="ask.php" method="post">

<textarea rows="5" cols="50" name="content" id="content" name="thequestion"></textarea><br /><br />

<input name="submit" value="Submit!" type="submit" class="comment_button" />

</form>
<div id="flash"></div>
<div id="display"></div>

3 个答案:

答案 0 :(得分:1)

尝试$("#content").text()代替: - )

答案 1 :(得分:1)

Textarea标签没有“value”属性,只有输入标签。请改用.text()或.html()。

答案 2 :(得分:1)

我修改了你的代码,它对我很有用:http://jsfiddle.net/EPMy2/2/

我所做的最重大的更改是使用.submit()触发器而不是.click(),因为.click()不允许您(很容易,如果有的话)阻止表单提交。

以下是修改后的块:

$("#comment_form").submit(function() {
    var test = $("#content").val();
    var dataString = 'content=' + test;
    alert('You said: ' + test);

    return false; //To prevent submit.
});

而且:

<form name="form" id="comment_form" action="ask.php" method="post">