onClick函数失效：选中下拉菜单选项无法显示对应子div

嘿，我来帮你搞定这个问题！你现在遇到的核心问题是：<option>标签的onclick事件在绝大多数主流浏览器里都不生效，所以你绑定的showMe函数根本没被触发，自然就没法显示对应的div啦。

咱们换个思路，把事件绑定到<select>本身的onchange事件上，这样只要选中的选项变化，就能触发逻辑。下面是修复后的完整代码：

修改后的HTML代码 #

<select name="first" onchange="handleSelectChange(this.value)">
    <option selected value="" disabled>Select an Option</option>
    <option value="all">Select All</option>
    <option value="Sno">Sno</option>
    <option value="name">Name</option>
    <option value="course">Mauza</option>
</select>

<div id="namediv" style="display: none;">
    <select name="firstres" id="firstres">
        <option style="display:none;" selected value="">---Select an option---</option>
        <?php 
        // 注意：mysql_query已经被废弃，建议改用mysqli或PDO
        $sql="SELECT * FROM table "; 
        $result = mysql_query($sql); 
        while ($row = mysql_fetch_array($result)) { 
            echo "<option value='". $row['Sno'] ."'>". $row['name'] ."</option>"; 
        } 
        ?>
    </select>
</div>

<!-- 如果还有其他对应div，比如coursediv，也可以在这里加上 -->
<div id="coursediv" style="display: none;">
    <!-- 这里放Mauza对应的下拉菜单内容 -->
</div>

对应的JavaScript函数 #

function handleSelectChange(selectedValue) {
    // 先隐藏所有可能的目标div
    document.getElementById('namediv').style.display = 'none';
    document.getElementById('coursediv').style.display = 'none'; // 如果有其他div也要加上

    // 根据选中的值显示对应的div
    switch(selectedValue) {
        case 'name':
            document.getElementById('namediv').style.display = 'block';
            break;
        case 'course':
            document.getElementById('coursediv').style.display = 'block';
            break;
        // 其他选项的逻辑可以在这里补充
        default:
            // 选中默认选项或Select All时，保持所有div隐藏
            break;
    }
}

关键修改点说明 #

• 移除了所有<option>上的onclick属性，把逻辑统一交给<select>的onchange事件处理，这是跨浏览器兼容的正确做法。
• 新增了handleSelectChange函数，先统一隐藏所有目标div，再根据选中的值显示对应内容，避免多个div同时显示的问题。
• 修复了原代码中Name选项重复写onclick的错误（一个标签不能有两个相同的属性）。

另外提个小建议：你代码里用的mysql_query已经被PHP官方废弃了，建议尽快换成mysqli或者PDO，避免后续版本兼容性问题哦。

内容的提问来源于stack exchange，提问作者DevJ