Javascript 如何在jquery中清空textbox和textarea

检索文本区域和文本字段，然后执行以下操作：

var $contact_title = $('#contact_title').val();
var $contact_summary = $('#bbcode').val();

没有一个被清空了

HTML:

---

您的问题是因为您将变量设置为元素的字符串值，而不是包含元素的jQuery对象

试试这个：

<form action="" method="get">
    <table border="0">
        <tr>
            <td valign="top">Title:</td>
            <td>
                <input name="title" type="text" style="width:710px" id="contact_title" />
            </td>
        </tr>
        <tr>
            <td valign="top">Message:</td>
            <td>
                <textarea name="request" cols="30" rows="20" id="bbcode"></textarea>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="right" >
                <input name="send" type="button" onClick="clicked()" value="Send" />
            </td>
        </tr>
    </table>
</form>

或者选择

var $contact_title = $('#contact_title');
var $contact_summary = $('#bbcode');
$contact_title.val('');
$contact_summary.val('');

---

您应该在变量中存储元素，而不是值

因此，您的代码应该是：

$('#contact_title').val('');
$('#bbcode').val('');

顺便说一句，在html标记之外使用并绑定单击事件是一种很好的做法：

var $contact_summary = $('#bbcode');
$contact_summary.val('');

---

据我所知，变量$contact_title包含文本，而不是实际的DOM元素。如果你把它改成

$('button').click(function() { //clear inputs });

---

您会没事的。

您必须使用从这些字段获取值时使用的相同语法。 尝试：

---

在js中，fiddle更易于编写/读取javascript代码。这里有一个答案。

$('button').click(function() { //clear inputs });

$('#contact_title').val('');

$('#contact_title').val('');
$('#bbcode').val('');

jQuery(document).ready(function () { 
    var $contact_title = $('#contact_title');
    var $contact_summary = $('#bbcode');
    var $contact_summary_val = $contact_summary.val();
    var $contact_title_val = $contact_title.val();
    $contact_title.val('');
    $contact_summary.val('');
});