js获取表单数据

<div id="form" class="form">
    <select data-field='select1'>
        <option value="">--请选择--</option>
        <option value="1">--1--</option>
        <option value="2">--2--</option>
        <option value="3">--3--</option>
    </select>
    <input data-field='radio1' type="radio" />
    <input data-field='text1' class="test" type="text" />
    <textarea data-field='textArea1'></textarea>
</div>
<div id="btn" onclick="getEntity()">确定</div>
function getEntity() {
    var result = {
        name: '',
        sex: '',
        title: '',
        content: ''
    };
    $('.form').find("[data-field]").each(function() {
        var field = $(this).attr("data-field");
        if ($(this).attr('type') == 'checkbox') {
            result.name = $(this).prop('checked');
        } else if ($(this).attr('type') == 'radio') {
            result.sex = $(this).prop('checked');
        } else {
            result.title = $(this).val();
        }
        console.log('result---',result)
    })
}

版权声明:本文为weixin_47224459原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。