Framework7 表单数据存取

来源：网络整理时间:2018-08-11 关键词:

本篇文章主要介绍了" Framework7 表单数据存取"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： Form 转化成 JSON使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象:var myApp = new Framework7(...

Form 转化成 JSON
使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象:

var myApp = new Framework7();
var $$ = Framework7.$;

$$('.form-to-json').on('click', function(){
    var formData = myApp.formToJSON('#my-form');
    alert(JSON.stringify(formData));
});

每一个输入框都应该有 name 属性，否则不会被转换到JSON中去
Framework7 表单数据存取

JSON 填充到 Form
myApp.formFromJSON(form, formData) - 把一个JSON对象填充到Form中

var myApp = new Framework7();
var $$ = Framework7.$;

$$('.form-from-json').on('click', function(){
    var formData = {
        'name': 'John',
        'email': 'john@doe.com',
        'gender': 'female',
        'switch': ['yes'],
        'slider': 10
    }
    myApp.formFromJSON('#my-form', formData);
});

以上就介绍了 Framework7 表单数据存取，包括了方面的内容，希望对web前端有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_4582631.html

上一篇：基于jquery-191js的轮播图，兼容低版本ie 下一篇：Framework7 常用控件

Framework7 表单数据存取

相关图片

相关文章