TIDBIT: FormData의 키-값 쌍 배열
4093 단어 webdevhtmlshowdevjavascript
input
이름입니다.<!DOCTYPE html>
<html>
<body>
<form>
<label for="first">First name</label>
<input type="text" name="first"/>
<label for="last">Last name</label>
<input type="text" name="last"/>
<label for="age">Age</label>
<input type="number" name="age"/>
<button type="button" id="btn">Click</button>
</form>
<script>
document.querySelector("#btn").addEventListener('click', () => {
const inputs = new FormData(document.querySelector("form"));
const entries = Object.fromEntries(inputs);
const options = Object.entries(entries).map(([key, value]) => ({ key, value }));
console.log(options);
/**
[
{
"key": "first",
"value": ""
},
{
"key": "last",
"value": ""
},
{
"key": "age",
"value": ""
}
]
*/
})
</script>
</body>
</html>
참고: 다중 선택에는 작동하지 않습니다.
Reference
이 문제에 관하여(TIDBIT: FormData의 키-값 쌍 배열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/charlesloder/tidbit-array-of-key-value-pairs-from-formdata-34pb텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)