//POSTデータを配列に格納 //var search = new Array('30003', '41156', '20006', '20060', '', ''); try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} function makeSublist(parent, child, isSubselectOptional, childVal) { $("body").append(""); $('#' + parent + child).html($("#" + child + " option")); var parentValue = $('#' + parent).attr('value'); $('#' + child).html($("#" + parent + child + " .sub_" + parentValue).clone()); childVal = (typeof childVal == "undefined") ? "" : childVal; $("#" + child + ' option[@value="' + childVal + '"]').attr('selected', 'selected'); if( parentValue != "" ) $('#' + child).prepend(""); $('#' + parent).change( function() { var parentValue = $('#' + parent).attr('value'); $('#' + child).html($("#" + parent + child + " .sub_" + parentValue).clone()); if (isSubselectOptional && parentValue != ""){ $('#' + child).prepend(""); $('#' + child).attr('disabled', 'disabled'); setTimeout(function(){ $('#' + child).removeAttr('disabled'); $('#' + child + ' option[@value=""]').html("▼サブカテゴリを選択"); },300); } //$('#' + child).trigger("change"); $('#' + child + ' option[@value=""]').attr('selected', 'selected'); //$('#' + child).focus(); }); $('#category1').change( function() { var op_val = $('#category1').attr('value'); if(op_val != "") $("#category2").fadeIn("fast"); }); $('#category2').change( function() { var op_val = $('#category2').attr('value'); if(op_val == ""){ $("#category3").fadeOut("slow"); }else{ $("#category3").fadeIn("fast"); } }); $('#category1').change( function() { var op_val = $('#category1').attr('value'); if(op_val == "") $("#category2").fadeOut("slow"); $("#category3").fadeOut("slow"); }); } function inputSearch(data0, data1, data2, data3, data4, data5) { var searchData = new Array(data0, data1, data2, data3, data4, data5); if(search){ for(var i = 0; i < search.length; i ++){ $('#' + searchData[i] + ' option[@value="' + search[i] + '"]').attr('selected', 'selected'); } $("#" + data2 + " option:nth-child(even)").css("background-color", "#eee"); $("#" + data3 + " option:nth-child(even)").css("background-color", "#eee"); $("#" + data4 + " option:nth-child(even)").css("background-color", "#eee"); if( search[2] == "" ) $("#" + data3).toggle(); if( search[3] == "" ) $("#" + data4).toggle(); makeSublist(data3, data4, true, ''); makeSublist(data2, data5, true, ''); makeSublist(data2, data3, true, ''); makeSublist(data0, data1, true, ''); for(var i = 0; i < search.length; i ++){ $('#' + searchData[i] + ' option[@value="' + search[i] + '"]').attr('selected', 'selected'); } } } $(function() { inputSearch('parent', 'child', 'category1', 'category2', 'category3', 'grandsun'); });