এই পোস্টটি ইতিমধ্যে এক বছরের পুরানো ... তবে, আমি সত্যিই, সত্যিই ES6 @dzuc উত্তরটি পছন্দ করি। তবে একাধিক নির্বাচন বা চেকবক্সগুলি পরিচালনা করতে সক্ষম না হয়ে এটি অসম্পূর্ণ। এটি ইতিমধ্যে নির্দেশ করেছে এবং কোড সমাধান সরবরাহ করা হয়েছে। আমি তাদের ভারী এবং অনুকূলিত না। সুতরাং আমি এই মামলাগুলি পরিচালনা করতে @dzuc এর উপর ভিত্তি করে একটি দুটি সংস্করণ লিখেছি:
- এএসপি শৈলীর ফর্মগুলির জন্য যেখানে একাধিক আইটেমের নাম কেবল সহজ পুনরাবৃত্তি হতে পারে।
let r=Array.from(fd).reduce(
(o , [k,v]) => (
(!o[k])
? {...o , [k] : v}
: {...o , [k] : [...o[k] , v]}
)
,{}
);
let obj=JSON.stringify(r);
এক লাইন হটশট সংস্করণ:
Array.from(fd).reduce((o,[k,v])=>((!o[k])?{...o,[k]:v}:{...o,[k]:[...o[k],v]}),{});
- পিএইচপি স্টাইলের ফর্মগুলির জন্য যেখানে একাধিক আইটেমের নামের একটি
[]প্রত্যয় থাকতে হবে।
let r=Array.from(fd).reduce(
(o , [k,v]) => (
(k.split('[').length>1)
? (k=k.split('[')[0]
, (!o[k])
? {...o , [k] : [v]}
: {...o , [k] : [...o[k] , v ]}
)
: {...o , [k] : v}
)
,{}
);
let obj=JSON.stringify(r);
এক লাইন হটশট সংস্করণ:
Array.from(fd).reduce((o,[k,v])=>((k.split('[').length>1)?(k=k.split('[')[0],(!o[k])?{...o,[k]:[v]}:{...o,[k]:[...o[k],v]}):{...o,[k]:v}),{});
- মাল্টি-লেভেল অ্যারেগুলিকে সমর্থন করে এমন পিএইচপি ফর্মের সম্প্রসারণ।
গতবার থেকে আমি পূর্বের দ্বিতীয় কেসটি লিখেছিলাম, কাজের সময়ে এটি এমন একটি ঘটনা এসেছিল যে পিএইচপি ফর্মটিতে বহু স্তরের চেকবক্স রয়েছে। আমি পূর্ববর্তী কেস এবং এইটিকে সমর্থন করার জন্য একটি নতুন কেস লিখেছি। আমি এই কেসটি আরও ভালভাবে প্রদর্শন করার জন্য একটি স্নিপেট তৈরি করেছি, এই ডেমোটির কনসোলে ফলাফল শো, এটি আপনার প্রয়োজন অনুসারে পরিবর্তন করুন। পারফরম্যান্সের সাথে আপস না করে এটিকে আমি সর্বোত্তম করার চেষ্টা করলাম, তবে এটি কিছু মানুষের পাঠযোগ্যতার সাথে আপস করে। এটির সুবিধাটি নেয় যে অ্যারেগুলি হ'ল অবজেক্ট এবং ভেরিয়েবলগুলি অ্যারেগুলিকে নির্দেশ করে রেফারেন্স হিসাবে রাখা হয়। এটির জন্য কোনও হটশট নেই, আমার অতিথি হোন।
let nosubmit = (e) => {
e.preventDefault();
const f = Array.from(new FormData(e.target));
const obj = f.reduce((o, [k, v]) => {
let a = v,
b, i,
m = k.split('['),
n = m[0],
l = m.length;
if (l > 1) {
a = b = o[n] || [];
for (i = 1; i < l; i++) {
m[i] = (m[i].split(']')[0] || b.length) * 1;
b = b[m[i]] = ((i + 1) == l) ? v : b[m[i]] || [];
}
}
return { ...o, [n]: a };
}, {});
console.log(obj);
}
document.querySelector('#theform').addEventListener('submit', nosubmit, {capture: true});
<h1>Multilevel Form</h1>
<form action="#" method="POST" enctype="multipart/form-data" id="theform">
<input type="hidden" name="_id" value="93242" />
<input type="hidden" name="_fid" value="45c0ec96929bc0d39a904ab5c7af70ef" />
<label>Select:
<select name="uselect">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</label>
<br /><br />
<label>Checkboxes one level:<br/>
<input name="c1[]" type="checkbox" checked value="1"/>v1
<input name="c1[]" type="checkbox" checked value="2"/>v2
<input name="c1[]" type="checkbox" checked value="3"/>v3
</label>
<br /><br />
<label>Checkboxes two levels:<br/>
<input name="c2[0][]" type="checkbox" checked value="4"/>0 v4
<input name="c2[0][]" type="checkbox" checked value="5"/>0 v5
<input name="c2[0][]" type="checkbox" checked value="6"/>0 v6
<br/>
<input name="c2[1][]" type="checkbox" checked value="7"/>1 v7
<input name="c2[1][]" type="checkbox" checked value="8"/>1 v8
<input name="c2[1][]" type="checkbox" checked value="9"/>1 v9
</label>
<br /><br />
<label>Radios:
<input type="radio" name="uradio" value="yes">YES
<input type="radio" name="uradio" checked value="no">NO
</label>
<br /><br />
<input type="submit" value="Submit" />
</form>
JSON.stringify()সাহায্য করে? হয়তো আপনি এমন কিছু ঠিক করার চেষ্টা করছেন যা অন্যভাবে করা যেতে পারে?