在文本框焦点事件的局部视图中清除表格数据

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("");

OR

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

供参考，您可以访问链接：jQuery - html()

要从下拉列表中选择所选的值，请使用以下代码：

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

清算：

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

供参考，您可以访问链接：jQuery - Get value