📄 multilevelselect.htm

📁 大型黄页系统,精美黄页flash演示,10m
💻 HTM
字号:
<script>
var m_oXMLDoc = new ActiveXObject("Microsoft.XMLDOM");
var m_sBaseSrc = "Tree.asp?ParentCode=";

function BindSelect( strXMLSrc , objSelectName, defaultVal)
{
    m_oXMLDoc.async = true;  
    m_oXMLDoc.onreadystatechange = Function( "fnLoadComplete('" + objSelectName + "', '" + defaultVal + "');" );    
    m_oXMLDoc.load( strXMLSrc );
}

function fnLoadComplete(objSelectName, defaultVal)
{
	var objSelect = document.all[objSelectName];
	var aryXMLNodes;
	var node;
	if (objSelect == null) 
		return;
    try
    {
        var iReadyState = m_oXMLDoc.readyState;
    }
    catch(e)
    {
        return;
    }
    
    if(  iReadyState != 4 ) return;
    
    if( m_oXMLDoc != null && m_oXMLDoc.xml != "" )
    {
		objSelect.length = 0;
		aryXMLNodes = m_oXMLDoc.documentElement.selectNodes("TreeNode");
		objSelect.options[0] = new Option("==全部==");
		for (var i=0; i < aryXMLNodes.length; i++)
		{
			node = aryXMLNodes[i];
			objSelect.options[i+1] = new Option(node.getAttribute("Title"),node.getAttribute("MaterialClassCode"));
		}
		
		if (defaultVal != null && defaultVal != "" && objSelect.length > 1)
		{
			SetSelectedValue(objSelect, defaultVal)
		}
		
		if(objSelect.ChildSelectName != null)
		{
			objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;BindSelect(m_sBaseSrc+val, '"+objSelect.ChildSelectName+"', '"+defaultVal+"');if(val!='')document.all.MaterialClassCode.value=val;" );    
			objSelect.fireEvent("onchange");			
		}
		else
		{
			objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;if(val!='')document.all.MaterialClassCode.value=val;" );    
		}
	}
}

function InitSelect(defaultVal)
{
	document.all.MaterialClassCode.value = "";
	BindSelect( m_sBaseSrc + "00", "MaterialClass1", defaultVal);
}

function Equality(val1,val2)
{
	if (val1.length < val2.length || val2 == "")
		return false;
	return (val1.substr(0,val2.length) == val2)
}

function SetSelectedValue(oSel,val)
{
	if (val == null)
		return;
	for(var i=0; i<oSel.length; i++)
	{
		if (Equality(val, oSel.options[i].value))
		{
			oSel.selectedIndex = i;

			if(oSel.ChildSelectName == null)
				oSel.fireEvent("onchange");			
			break;
		}
	}
}

window.onload = function(){InitSelect();}
</script>

<body>
选择材料类别<br />
<nobr>
<select name="MaterialClass1" ChildSelectName="MaterialClass2"></select>
<select name="MaterialClass2" ChildSelectName="MaterialClass3"></select>
<select name="MaterialClass3"></select>
</nobr><br />
当前材料类别编码：<input type="text" name="MaterialClassCode" readonly/>
<br /><br />
设置默认材料类别：<input type="text" name="DefaultMaterialClassCode" value="010203"/> <input type="button" value="设置" onclick="InitSelect(document.all.DefaultMaterialClassCode.value)"/>
</body>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -