JavaScript实现了在选择下拉框中添加和删除元素的方法

本文用JavaScript演示了在选择下拉框中添加和删除元素的方法。分享给大家参考，如下：

1.描述

A.使用append()方法向下拉框中添加元素

B.使用remove()方法删除下拉框中的最后一个元素

2.示例源代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /titleJavaScript在选择下拉框中添加和删除元素/title script type=' text/JavaScript ' src=' http : jquery-1 . 7 . 2 . min . js '/script type=' text/JavaScript '/* * *在选择下拉框中添加子元素*/function addElement() {//确保不添加$('#select_div ')。反复清空()；//添加子元素$ ('# select _ div ')。追加('选项值=' 0 '-请选择- /optionoption value='1=' 1 '男/optionoption value='2 '女/选项')；}/* * *删除下拉框中的最后一个元素*/函数removeLast() {//删除最后一个子元素$ ('# select _ div option : last ')。移除()；}/script/head body/body div id=' select _ span ' select id=' select _ div ' style=' width :145 px；/select/div input type=' button ' value=' add element ' onclick=' addelement()'/input type=' button ' value=' delete element ' onclick=' removeLast()'//html 3，实现结果

(1)初始化期间

(2)添加元素

(3)删除元素

更多对jQuery感兴趣的读者，请查看本网站话题：《jQuery表单(form)操作技巧总结》、《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》。

希望本文对大家的jQuery程序设计有所帮助。