控制表单控件-使用隐藏控件为表单添加参数

——————————————————————————————

<script type="text/javascript">        
            //展示表单参数的函数
            function showParams(){
                //设置隐藏变量的值,这个值也可以通过标签的value指定
                document.forms[0].myhidden.value = '我是隐藏的';
                //定义字符拼接变量
                var str = '表单将提交的参数包括:';
                //拼接年份参数
                str += '\n年份:' + document.forms[0].myyear.value;
                //拼接姓名参数
                str += '\n姓名:' + document.forms[0].myname.value;
                //拼接隐藏参数
                str += '\n隐藏变量:' + document.forms[0].myhidden.value;
                alert(str);            //展示字符的值
            }
        </script>

——————————————————————————————————

<body style="text-align:center">
        <!-- 定义表单 -->
        <form>            
            <input type="hidden" name="myhidden"/>
            年份:
            <select name="myyear">
                <option value="2012">2012</option>
                <option value="2013">2013</option>
                <option value="2014">2014</option>
            </select>
            <br/><br/>
            姓名:<input type="text" name="myname"/>
            <br/><br/>
            <input type="button" value="提交" onclick="showParams();"/>
        </form>

    </body>

————————————————————————————————

 

posted @ 2016-09-21 16:38  承载梦想-韩旭明  阅读(977)  评论(0编辑  收藏  举报