亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery select自動(dòng)選中功能實(shí)現(xiàn)方法分析

Original 2017-01-11 15:47:57 368
abstract:本文實(shí)例分析了jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下://篩選 var typeid = "<!--{$typeid}-->"; var bigclassid = "<!--{$bigclassid}-->"; var sma

本文實(shí)例分析了jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:

//篩選
var typeid = "<!--{$typeid}-->";
var bigclassid = "<!--{$bigclassid}-->";
var smallclassid = "<!--{$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);

獲取值后,設(shè)置自動(dòng)選中。

選中之后,調(diào)用change()方法。change方法會(huì)顯示出下一級(jí)的SELECT框。然后再選中,再調(diào)用change()方法。這樣就把三級(jí)的SELECT框都顯示出來(lái)了,并且默認(rèn)選中了。

$(document).ready(function(){
  //ajax級(jí)聯(lián)
  $("#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="<option value=0>全部大類(lèi)</option>";
      for(var i=0;i<myobj.length;i++){
          strHtml+="<option value='"+myobj[i].id+"'>"+myobj[i].name+"</option>";
      }
      $("#bigclassid").html(strHtml);
      $("#bigclassid").show().change();
    }else{
      $("#bigclassid").html('<option value=""></option>').hide();
      $("#smallclassid").html('<option value=""></option>').hide();
    }
}
function setsmallclass(id){
    var res = ajaxgetsmallclass(id);
    if(res){
      myobj = eval(res);
      var strHtml="<option value=0>全部子類(lèi)</option>";
      for(var i=0;i<myobj.length;i++){
          strHtml+="<option value='"+myobj[i].id+"'>"+myobj[i].name+"</option>";
      }
      $("#smallclassid").html(strHtml);
      $("#smallclassid").show();
    }else{
      $("#smallclassid").html('').hide();
  }
}

更多關(guān)于jQuery SELECT自動(dòng)選中功能實(shí)現(xiàn)方法分析請(qǐng)關(guān)注PHP中文網(wǎng)(ipnx.cn)其他文章!

Release Notes

Popular Entries