Jsp可输入下拉菜单

最新推荐文章于 2024-03-27 11:07:29 发布

friendliu

最新推荐文章于 2024-03-27 11:07:29 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：Ｗｅｂ技术开发文章标签： jsp javascript border c action function

本文链接：https://blog.youkuaiyun.com/friendliu/article/details/7382906

Ｗｅｂ技术开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何利用JSP和JavaScript创建交互式的下拉菜单。通过结合JSP的后台处理能力和JavaScript的前端交互特性，可以实现下拉菜单的动态加载和边界效果定制。文中将详细讲解涉及的action函数、C语言中的数据处理以及JavaScript中的功能实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>

<span style="absolute;margin-top:-12px;">
    <table cellspacing="0" cellpadding="0" width="100%" border="0">
        <tr>
            <td align="left">
                <span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
                    <select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="changeF();">
                    <option value="" style="color:#c2c2c2;">---请选择---</option>
                    <option value="闲人书库">闲人书库</option>
                    <option value="闲人BLOG">闲人BLOG</option>
                    <option value="<a href="http://www.ayinsky.com" target="_blank">闲人设计</a>"><a href="http://www.ayinsky.com" target="_blank">闲人设计</a></option>
                    <option value="闲人软件">闲人软件</option>
                    </select>
                </span>
                <span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
                    <input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
                </span>
            </td>
        </tr>
    </table>
</span>

</body>
<script language="javascript">
    function changeF()
    {
            // 从下面的赋值可以的值，你在action 中只要得到name =“ccdd” 的值就可以了。
            document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;
    }
</script>
</html>