<select name="colid" style="width:150px">
<option >---请选择栏目名称---</option>
<option class="option">|-笔记本</option>
<option class="son" value="235">&nbsp;&nbsp;&nbsp;&nbsp;|-DELL笔记本</option>
<option class="son" value="234">&nbsp;&nbsp;&nbsp;&nbsp;|-方正笔记本</option>
<option class="son" value="233">&nbsp;&nbsp;&nbsp;&nbsp;|-联想笔记本</option>
<option class="option">|-台式机</option>
<option class="son" value="231">&nbsp;&nbsp;&nbsp;&nbsp;|-同方台式机</option>
<option class="son" value="230">&nbsp;&nbsp;&nbsp;&nbsp;|-方正台式机</option>
<option class="son" value="229">&nbsp;&nbsp;&nbsp;&nbsp;|-联想台式机</option>
<option class="option">|-数码相机</option>
<option class="son" value="237">&nbsp;&nbsp;&nbsp;&nbsp;|-爱国者数码相机</option>
<option class="son" value="238">&nbsp;&nbsp;&nbsp;&nbsp;|-索尼数码相机</option>
<option class="son" value="239">&nbsp;&nbsp;&nbsp;&nbsp;|-佳能数码相机</option>
<option class="option">|-亚洲</option>
<option class="son" value="248">&nbsp;&nbsp;&nbsp;&nbsp;|-中国</option>
<option class="son" value="249">&nbsp;&nbsp;&nbsp;&nbsp;|-日本</option>
</select>想问问大家如果在提交的时候没有选择对于的“二级栏目”就提示请选择要发布的“二级栏目”这里“笔记本”、“台式机”,“数码相机”、“亚洲”为一级栏目,一级栏目里包括的二级栏目,比如“亚洲”里面的二级栏目为“中国”,“日本”,
这里有一个要求就是当我选择“二级栏目”的时候就可以发布文章,如果选择“一级栏目”的话发布文章就提示请选择“二级栏目”,这个js怎么写,大家给我写下,我对JS不怎么熟悉,谢谢

解决方案 »

  1.   


    <script>
    function check(){
    var select = document.getElementById('select');
          var selectedIndex = select.selectedIndex;
    var option = select.options[selectedIndex];
    if(selectedIndex == 0){
    alert('您应该选择二级目录');
    }else{
    if(option.className != 'option'){
    alert('您成功选择了二级目录');
    }else{
    alert('您应该选择二级目录');
    }
    }
    } </script>当然,你的 Select控件要有一个id,叫select
      

  2.   


    <script type="text/javascript">
    <!--
    function subArticle(osel){
    if(osel.options[osel.selectedIndex].className == "option"){
    alert('请选择二级列表');
    }else{
    // ok
    alert('执行方法');
    }
    }
    //-->
    </script><select name="colid" style="width:150px" onchange="subArticle(this)">
    <option >---请选择栏目名称---</option>
    <option class="option">|-笔记本</option>
            <option class="son" value="235">&nbsp;&nbsp;&nbsp;&nbsp;|-DELL笔记本</option>
            <option class="son" value="234">&nbsp;&nbsp;&nbsp;&nbsp;|-方正笔记本</option>
            <option class="son" value="233">&nbsp;&nbsp;&nbsp;&nbsp;|-联想笔记本</option>
        <option class="option">|-台式机</option>
            <option class="son" value="231">&nbsp;&nbsp;&nbsp;&nbsp;|-同方台式机</option>
            <option class="son" value="230">&nbsp;&nbsp;&nbsp;&nbsp;|-方正台式机</option>
            <option class="son" value="229">&nbsp;&nbsp;&nbsp;&nbsp;|-联想台式机</option>
        <option class="option">|-数码相机</option>
            <option class="son" value="237">&nbsp;&nbsp;&nbsp;&nbsp;|-爱国者数码相机</option>
            <option class="son" value="238">&nbsp;&nbsp;&nbsp;&nbsp;|-索尼数码相机</option>
            <option class="son" value="239">&nbsp;&nbsp;&nbsp;&nbsp;|-佳能数码相机</option>
        <option class="option">|-亚洲</option>
            <option class="son" value="248">&nbsp;&nbsp;&nbsp;&nbsp;|-中国</option>
            <option class="son" value="249">&nbsp;&nbsp;&nbsp;&nbsp;|-日本</option>
        </select>