动态添加下拉框数据

    今天写页面时,遇到下拉框需要动态添加数据,百度了一下(呵呵),方便以后使用,并总结如下:

注意:使用的是jquery的东西,需要引入jquery的js

//方式1

function addData1(){
    //清空下拉选中的数据
    $("#resType").empty();

    $("#resType").append("<option value='1'>aaaaaa</option>");
    $("#resType").append("<option value='2'>bbbbbb</option>");
}


//方式2

function addData2(){
    //清空下拉选中的数据
    $("#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();



没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭