亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

遍歷input到數組對象

遍歷input到數組對象

胡子哥哥 2019-03-21 18:15:30
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title></head><body>            <form class="form-horizontal" role="form">        <div class="form-group">            <label class="control-label">money:</label>            <div>                <input type="text" name="money" class="form-control">            </div>        </div>        <div class="form-group">            <label class="control-label">age:</label>            <div>                <input type="text" name="age" class="form-control">            </div>        </div>        <div class="form-group">            <label class="control-label">height:</label>            <div>                <input type="text" name="height" class="form-control">            </div>        </div>        <div class="form-group">            <div class="col-sm-offset-2">                <button type="button">保存</button>            </div>        </div>    </form>        <script>        // 1、遍歷所有的 input 取到它們的value 和 name 值存到數組對象里;        // 2、新手有點傷腦筋,求老師父指點一下下。        var postdata = {            id:'',            title:'',            content:'',            forms:[]        }        var forms = {            label:'',            value:''        }        // 現在是想把input 的 name 存到 forms.label里         // input的value 存到 forms.value 里;        // 然后再把 forms 添加到 postdata.forms數組里。        // 好難阿 >_<  我的是思路是先給所有的 input 一個class valiform         // 然后 jQuery $.each valiform ;         // $.each(valiform,function(i,v){        //     myforms.label = $(this).attr('name');        //         myforms.value = $(this).val();        //         saveData.forms[i] = myforms;        //     });        //  這樣是錯的。搞不定了!    </script></body></html>
查看完整描述

4 回答

?
拉莫斯之舞

TA貢獻1820條經驗 獲得超10個贊

$.each(valiform,function(i,v){

postdata.forms.push({

    label: $(this).attr('name'),

    value: $(this).val()

});

});


查看完整回答
反對 回復 2019-04-05
?
瀟湘沐

TA貢獻1816條經驗 獲得超6個贊

Array.from(document.querySelectorAll('input'),e=>{const obj={};obj[e.name]=e.value;returnobj})


查看完整回答
反對 回復 2019-04-05
?
慕妹3146593

TA貢獻1820條經驗 獲得超9個贊

你看下 這個效果是否是你需要的效果


var postdata = {

            id:'',

            title:'',

            content:'',

            forms:{}

        }

        var forms = {

            label:[],

            value:[]

        }

        document.querySelectorAll('input').forEach(function (e,i){

            forms.label.push(e.name);

            forms.value.push(e.value);

        });

        postdata.forms=forms;

        console.log(forms);

        console.log(postdata.forms);

還有一點就是 postdata.forms 你這邊是個數組對象,而下面的 forms又是個JSON對象,雖然對調用對象沒什么區別,但是最好還是改成同類型


望早日解決問題~


查看完整回答
反對 回復 2019-04-05
  • 4 回答
  • 0 關注
  • 560 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號