JavaScript写下拉菜单登陆提交

原创已于 2023-03-22 00:28:57 修改 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #servlet

于 2023-03-22 00:16:19 首次发布

每日学习专栏收录该内容

8 篇文章

订阅专栏

这两段代码展示了HTML中的下拉菜单选择功能和表单提交操作。第一段代码是一个下拉列表，用户选择喜欢的演员后，点击“提交”按钮，JavaScript函数显示所选选项的索引。第二段代码创建了一个包含姓名和住址输入的表单，用户填写后，点击“提交”按钮，表单会使用GET方法发送到1.jsp页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <script type="text/javascript">
        function getindex(){
        var x=document.getElementById("myselect")
        alert(x.selectedIndex+1)
        }
    </script>
</head>
<body>
<form>
    选择自己喜欢的演员：
    <select id="myselect">
        <option>魏无羡</option>
        <option>蓝湛</option>
        <option>大哥</option>
        <option>三不知</option>
    </select>
    <br>
    <br>
    <input type="button" onclick="getindex()" value="提交">
</form>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单对象常用方法</title>
  <script type="text/javascript">
    function formsubmit(){
    document.getElementById("myform").submit()
    }
  </script>

</head>
<body>
<form id="myform" action="1.jsp" method="get">
    姓名：<input type="text" name="name" size="20"/><br>
    住址：<input type="text" name="address" size="20">
    <br>
    <input type="button" onclick="formsubmit()" value="提交">
</form>

</body>
</html>