清除輸入或搜索按鈕上的輸入文本字段？

Question

我有一個表單可以讓我的用戶搜索。 我正在使用jQuery將搜索結果附加到頁面中較低的位置而不重新加載頁面。 所以，我有這個：

isbn.php:
    <form method="post" action="ajax.php" name="searchISBN" id="searchForm"> 
        <input type="text" name="isbn" placeholder="Search..." />
        <input class="myaccount" id="doSearch" name="doSearch" type="submit" value="Search" />
    </form>

問題是，當用戶點擊“搜索”按鈕或點擊輸入時，我需要輸入文本搜索字段以清除。 點擊“輸入”和“搜索”按鈕都會執行搜索，因此必須清除何時發生任何操作。

但是，我絕對難過。

任何幫助將不勝感激！！

編輯：我已經嘗試過Treffynnon建議的內容。 問題是，我已經禁用了實際加載ajax.php的搜索按鈕。 因此，當我使用該代碼時，它會阻止頁面停留在isbn.php上並加載ajax.php。 這是加載搜索結果的代碼。

isbn.php:
<script>
// attach a submit handler to the form
$("#searchForm").submit(function(event) {
// stop form from submitting normally
event.preventDefault(); 

// get some values from elements on the page:
var $form = $( this ),
term = $form.find( 'input[name="isbn"]' ).val(),
//term = "isbn",
url = $form.attr( 'action' );
    $.post( url, { doSearch: "Search", isbn: term } ,
        function( data ) {
            var content = $( data );

          $( "#result" ).append( content );

      }
    );
});
</script>

Answer 1

$('#searchForm').submit(function(){
    // do search loading code here and then
    $('input[name="isbn"]').val('');
});

根據您的更新嘗試此操作：

// attach a submit handler to the form
$("#searchForm").submit(function(event) {
// stop form from submitting normally
event.preventDefault(); 

// get some values from elements on the page:
var $form = $( this ),
$term_input = $form.find('input[name="isbn"]'),
term = $term_input.val(),
//term = "isbn",
url = $form.attr( 'action' );
    $.post( url, { doSearch: "Search", isbn: term } ,
        function( data ) {
            var content = $( data );

          $( "#result" ).append( content );
      }
    );
    $term_input.val('');
});

Answer 2

添加隱藏變量以實現此目的，如下所示：

<form method="post" action="ajax.php" name="searchISBN" id="searchForm">          
    <input type="text" name="isbn_holder" placeholder="Search..." />         
    <input type="hidden" name="isbn"/>
    <input class="myaccount" id="doSearch" name="doSearch" type="submit" value="Search" />     
</form> 

$('#searchForm').submit(function(){     
    $('input[name="isbn"]').val($('input[name="isbn_holder"]').val()); 
    $('input[name="isbn_holder"]').val(''); 
});