仿人才网的二级联动菜单效果实例

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

仿人才网的二级联动菜单效果实例
<form action="post.php?action=ask" method="post" name="ask" onsubmit="return checkform(this,0);">
<input type="hidden" name="scores" value="0" />
<div class="main cbody margintop">
  <div class="postbox">
    <dl>
      <dt>
        <select id=classlevel1 style=""  size=8 name=classlevel1>
        </select>
        <strong class="jiantou">→</strong>
        <select id=classlevel2 style="" size=8  name=classlevel2>
        </select>
      </dt>
    </dl>
    <dl>
      <script language=javascript>
var g_classlevel1;
var g_classlevel2;

var class_level_1=new array( 
new array("1","爱房")
);
var class_level_2=new array( 
new array("1","2","新楼盘")
);
function fillclasslevel1(classlevel1)
{
    for(i=0; i<class_level_1.length; i++) {
        classlevel1.options[i] = new option(class_level_1[i][1], class_level_1[i][0]);
    }
    classlevel1.length = i;
}

function classlevel1_onchange()
{
	fillclasslevel2(g_classlevel2, g_classlevel1.value);
}

function initclasslevellist(classlevel1, classlevel2)
{
	g_classlevel1=classlevel1;
    g_classlevel2=classlevel2;

g_classlevel1.onchange = function("classlevel1_onchange();");
    fillclasslevel1(g_classlevel1);

var px';
	g_classlevel1.style.height=height;
	g_classlevel2.style.height=height;
    classlevel1_onchange();
}

initclasslevellist(document.ask.classlevel1, document.ask.classlevel2);

</script>
      <dd>如果您的问题无法归入任何子分类，您可以只选择一级分类 。<br />
        请选择正确的分类，以使问题尽快得到解答。    </dd>
    </dl>
</div>

提示：您可以先修改部分代码再运行

仿人才网的二级联动菜单效果实例

相关文章

精彩推荐