求一段JS代码,本人实属无力具体需求如下:第一个菜单:      <select name="shequ" id="shequ">
        <option value="0" >否</option>
        <option value="1" >是</option>
      </select>第二个菜单:<select name="pianqu" id="pianqu">
        <option value="1">西部片区</option>
        <option value="2">东部片区</option>
        <option value="3">北部片区</option>
        <option value="4">南部片区</option>
</select>如果在选择社区中选中了“是”,那么就显示出第二个片区的菜单以供选择(注:考虑到数据库中本来值就是选择了“是”的情况,默认就要显示出片区菜单)

解决方案 »

  1.   

    <select name="shequ" id="shequ" onchane='document.getElementById('pianqu').style.display = this.value ? '' : 'none';'> 
      ......
    </select>
      

  2.   

    <select name="shequ" id="shequ" onchange="f(value)"> 
            <option value="0" >否 </option> 
            <option value="1" >是 </option> 
    </select> 
    <select name="pianqu" id="pianqu" style="display:none"> 
            <option value="1">西部片区 </option> 
            <option value="2">东部片区 </option> 
            <option value="3">北部片区 </option> 
            <option value="4">南部片区 </option> 
    </select> 
    <script language="javascript">
    function f(v)
    {
    if(v==1)
    {
    pianqu.style.display="block";
    }
    else
    {
    pianqu.style.display="none";
    }
    }
    </script>你看看是不是这样?
      

  3.   

    感谢楼上兄弟的回复但是页面默认选择的是“否”
    但是如果客户选中了“是”之后,页面默认显示的就是“是”
    那如果还是
    onchane='document.getElementById('pianqu').style.display = this.value ? '' : 'none';'就不行,应该shequ的值进行判断是否显示吧?
      

  4.   

    感谢crazydoglzc的帮助,你的思路正确
    比如他已经选中了“是”以后,提交保存到数据库,然后再刷新页面时
    页面上没有默认显示出来第二个菜单
    <script language="javascript">
    function f(v)
    {
        if(v==1)
        {
            document.getElementById('pianqu').style.display="block";
        }
        else
        {
            document.getElementById('pianqu').style.display="none";
        }
    }
    </script>