html中如何清空select标签中的值

html中清空select标签中的值方法如下：

准备材料：html+jquery、代码编辑器

1、新建一个html文件，命名为test.html，使用jquery清除select中的所有option。

2、在test.html文件内,使用select和option标签创建一个下拉选择框，代码如下：

3、在test.html文件内,设置select的id为myselect，用于下面通过该id获得select对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“清除所有option”。

5、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行deloption（）函数。

6、在js标签中，创建deloption()函数，在函数内，通过id获得select对象，使用find()方法获得所有的option对象，使用remove()方法来实现删除所有option。

7、在浏览器打开test.html文件，

8、点击按钮，查看实现的效果。

在输入框中输入数据后，点击保存按钮，数据将会逐一显示在输入框下方，点击保存后显示的任何一条数据，该数据即可被删除。

点击保存按钮时，输入框中的数据读取，可通过onChange绑定事件。自定义一个事件，输入数据后，点击保存按钮时，数据的存储 *** 作交由该事件完成。

当不断点击保存按钮时，数据应该是多个的，可选用数组来存储数据。数组中，数组的索引是唯一表示一个数据的方式，数据的 *** 作可通过索引进行实现过程。

---