jquery 动态添加下拉框选项

海欣海夜 2015-04-02

$('#del_type').bind("change", function(){
      if($("#del_type").find("option").length>2){
       $("#del_type").find("option").eq(0).remove();
      }
       $("#del_file").find("option[value!='']").remove();
          var type = $("#del_type").find("option:selected").val();
       $.ajax
          ({ //请求登录处理页
              url: ContextPath + "/File/imageList.action",
              dataType: "json",
              //传送请求数据
              type:"POST",
              data: {type: type},
              success: function (date) { //登录成功后返回的数据
                  //根据返回值进行状态显示     
               del_result=date.result.rows;        
             if(del_result.length==0){
              $("#del_file").find("option").eq(0).text("无记录");
             }else{
              $("#del_file").find("option").eq(0).text("请选择");
             }
               for(var l in del_result){ 
                  $("#del_file").append( "<option value="+del_result[l].fileName+">"+del_result[l].fileName+"</option>" );
                   }   
              }
          })     
     });

相关推荐