今天写页面时,遇到下拉框需要动态添加数据,百度了一下(呵呵),方便以后使用,并总结如下:
注意:使用的是jquery的东西,需要引入jquery的js
//方式1
function addData1(){
//清空下拉选中的数据
$("#resType").empty();
$("#resType").append("<option value='1'>aaaaaa</option>");
$("#resType").append("<option value='2'>bbbbbb</option>");
}
//方式2
//清空下拉选中的数据
$("#resType").empty();
// 创建option对象 <option value="id" >name</option>
// document.createElement("option");
var $pOption = $("<option></option>");
// document.setAttribute("value","1");
$pOption.attr("value","1");
//innerHTML = "pname";
$pOption.html("pname");
//将拼装好的option 插入到下拉选中
$pOption.appendTo("#resType");
}
方式2如果有多个option,可以创建多个option对象,并插入到下拉选中
注意:每次添加之前一定要清空下拉选中的数据 $("#resType").empty();