清空文本框

-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：vs· jQuery基础
作者： xqll
撰写时间：2019/6/27
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
通常，我们做筛选条件的时候都会用到一些文本框做筛选内容
但是，筛选好内容之后筛选框里面的内容还在里面 想要再筛选的话
就要清空文本框里面的内容
那么，现在我来演示一下如何一键清空文本框内容
就比如下面

上面的文本框布满了内容
我们想要一键清除的话就先需要选择他们的ID
因为我给供应商编号对应的文本框ID 是txbBillCode
供应商名字对应的文本框ID 是Productname
联系电话对应的文本框ID 是Comment
联系人对应的文本框ID 是Handlers
备注对应的文本框ID 是Note
然后 点击按钮的ID是ak
现在需要做的是
通过点击事件 让选择到的ID里面的内容为空
代码是这样的

$(document).ready(function () {
            $(function () {
                $('#ak').click(function () {
                    $('#txbBillCode').val("");
                    $('#Productname').val("");
                    $('#Comment').val("");
                    $('#Handlers').val("");
                    $('#Note').val("");
                });
            });
        });

当 我们点击清空按钮的时候
得到的样式是

呃 文本框里面的内容已经清空了
我这个效果是点击筛选 然后文本框才显示出来的
当我需要收起筛选框的时候
点击收起按钮 如果文本框里面有内容的话 还是要清空的
用法是一样的
在点击事件那里的ID 改成收起筛选框的ID就可以了
因为我收起的按钮ID是btnadvancess
所以

$(document).ready(function () {
            $(function () {
                $('#btnadvancess').click(function () {
                    $('#txbBillCode').val("");
                    $('#Productname').val("");
                    $('#Comment').val("");
                    $('#Handlers').val("");
                    $('#Note').val("");
                });
            });
        });

演示完清空的内容 但平时筛选的话 一般也有下拉框的
其实 清空下拉框的用法也是差不多的
$("#id").empty();
选择到它的ID 然后让它的内容为空
好了 ，那么 清空下拉框的话 就演示完成了