Web前端——表单提交和Js添加选项

淩亂°似流年 2021-12-13 03:09 211阅读 0赞

## 表单 ##

### 表单提交 ###

表单提交之后会将表单的数据以get或post方式，传送到action要打开的页面

**方式1： 使用提交按钮**

**方式2：使用js手动提交表单，this.form.submit() this可省略**

οnsubmit="true" 为false，表单不可提交（点击提交按钮无效，不会跳转页面）

οnsubmit="return check()";//在名为check的js方法中进行表单元素的验证（必填，用户名是否合法，密码等），返回true或false

### 表单添加选项 ###

南宁广州

**使用js动态添加选项：**

<form action="">
                <select id="province">
                    <option value="">--请选择--</option>
                </select>
            </form>
            <script type="text/javascript">
            //json数据，可以直接定义使用
                var data = [{
                    id: 100,
                    name: '广东'
                }, {
                    id: 101,
                    name: '广西'
                }, {
                    id: 102,
                    name: '云南'
                }];
                var provinceEle = document.getElementById("province");
                for (let i = 0; i < data.length; i++) {
                    //new Option() 参数为选项的内容，参数2为选项的value
                    provinceEle.add(new Option(data[i].name, data[i].id));
                }
    </script>

转载于:https://www.cnblogs.com/kexing/p/11108885.html