手机版

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

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

本文用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程序设计有所帮助。

版权声明:JavaScript实现了在选择下拉框中添加和删除元素的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。