本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法。分享给大家供大家参考,具体如下:
1、说明
a. 利用append()方法向下拉框中添加元素
b. 利用remove()方法移除下拉框中最后一个元素
2、实例源码:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
JavaScript向select下拉框中添加和删除元素/**
* 向select下拉框中添加子元素
*/
function addElement()
{
//保证不重复添加
$("#select_div").empty();
//添加子元素
$("#select_div").append("---请选择---男女");
}
/**
* 删除下拉框中最后一个元素
*/
function removeLast()
{
//删除最后一个子元素
$("#select_div option:last").remove();
}
3、实现结果
(1)初始化时
(2)添加元素
(3)删除元素
希望本文所述对大家jQuery程序设计有所帮助。