在文本框焦點事件的局部視圖中清除表格數據

Question

我有一個局部視圖（動態），其中一列中有一個選擇列表。 我使用Jquery根據文本框中輸入的內容填充此列表。

每當用戶更改該文本框中的輸入時，我想清除表中的數據。 因此我嘗試了以下選項：

        $("#StudentTable tr>td").detach(); 
        $("#StudentTable tr>td").remove(); 
        $("#StudentTable tr>td").empty(); 

但是我收到一個錯誤：

'get(...).options' is null or not an object

在這條線上：

$("#TeachingAssistant").get(0).options.length = 0;

這里，“＃TeachingAssistant”是局部視圖中的選擇列表“id”。

        <td>
            <select name="TeachingAssistant" id="TeachingAssistant"></select>
        </td>

我想它正在刪除我的選擇列表，因此無法識別它。 我該怎么做呢？ 還有其他清除表數據的方法嗎？

提前致謝

Answer 1

$("#StudentTable tr td").html('');

將清空你桌面上的每一個td，但是如果你在任何td內容中綁定了任何事件，你可能會遇到一些問題！

要清除選擇選項，您可以使用此選項：

$("#TeachingAssistant option").remove();

Answer 2

嘗試按照jquery代碼（ver 1.0）刪除表'#StudentTable'中的html：

$("#StudentTable").html("");

要么

$("#StudentTable").empty();

供參考，您可以訪問鏈接： jQuery - html（）

要從下拉列表中選擇所選的值，請使用以下代碼：

$("#TeachingAssistant").val();

清算：

$("#TeachingAssistant").val("");

供參考，您可以訪問鏈接： jQuery - 獲取價值