jQuery select自动选中功能实现方法分析

本文实例分析了jquery select自动选中功能实现方法。分享给大家供大家参考，具体如下：

//筛选
var typeid = "";
var bigclassid = "";
var smallclassid = "";
$("#typeid option[value="+typeid+"]").attr("selected",true);
$("#typeid").change();
$("#bigclassid option[value="+bigclassid+"]").attr("selected",true);
$("#bigclassid").change();
$("#smallclassid option[value="+smallclassid+"]").attr("selected",true);

获取值后，设置自动选中。

选中之后，调用change()方法。change方法会显示出下一级的select框。然后再选中，再调用change()方法。这样就把三级的select框都显示出来了，并且默认选中了。

$(document).ready(function(){
  //ajax级联
  $("#typeid").change(function(){
    var id = $(this).val();
    setbigclass(id);
  });
  $("#bigclassid").change(function(){
    var id = $(this).val();
    setsmallclass(id);
  });
  $("#screen_submit").click(function(){
    $("#screenform").submit();
  });
});
function setbigclass(id){
    var res = ajaxgetbigclass(id);
    if(res){
      myobj = eval(res);
      var strHtml="全部大类";
      for(var i=0;i"+myobj[i].name+"";
      }
      $("#bigclassid").html(strHtml);
      $("#bigclassid").show().change();
    }else{
      $("#bigclassid").html('').hide();
      $("#smallclassid").html('').hide();
    }
}
function setsmallclass(id){
    var res = ajaxgetsmallclass(id);
    if(res){
      myobj = eval(res);
      var strHtml="全部子类";
      for(var i=0;i"+myobj[i].name+"";
      }
      $("#smallclassid").html(strHtml);
      $("#smallclassid").show();
    }else{
      $("#smallclassid").html('').hide();
  }
}

希望本文所述对大家jQuery程序设计有所帮助。

韩国商城购物MORNING MALL

主要增加论坛整合，在后台内置网银，快钱支付宝等实时在线支付平台 支付宝支付方式改成在收银台统一支付 并且修改了收到已付款定单后台显示定单确认功能[这功能非常强大，自动确认] 并且增加了商城内短信功能，商城店主可以自由与会员之间实时交谈。 改正给ID添加积分后，登陆到前台，在 MEMBER LOGIN 下面的积分仍然显示为0的问题 修改 订单确认 中 投递&包装方法 没有根据前面的选择而改

下载

更多jQuery select自动选中功能实现方法分析相关文章请关注PHP中文网！