控制表单控件-遍历表单的所有控件

代码:

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

<script type="text/javascript">
            //遍历表单的所有控件
            function getValues(){
                var f = document.forms[0];            //获取表单DOM
                var elements = f.elements;        //获取所有的控件数组
                var str = '';                        //拼接字符串
                //循环遍历
                for(var i=0; i<elements.length; i++){
                    var e = elements[i];            //当前的控件
                    str += e.value;                //拼接控件的值
                    str += '\n';                    //拼接分隔符
                }
                alert(str);                        //用提示框展示结果
            }
        </script>

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

<body style="text-align:center">
        <!-- 定义表单 -->
        <form>            
            文本框:<input type="text" name="myText"/>
            <br/>
            单选框:<input type="radio" name="myRadio" value="3"/>
            <input type="radio" name="myRadio" value="4"/>
            <br/>
            下拉列表:
            <select name="mySelect">
                <option value="han">==请选择==</option>
                <option value="1">1</option>
                <option value="2">2</option>
            </select>
            <br/>
            <input type="button" value="得到所有控件的值" onclick="getValues()"/>
        </form>
    </body>

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

 

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