자바 스크립트의 값으로 ID를 저장하는 방법은 무엇입니까?

Akhi21

버튼을 클릭했을 때 모든 텍스트 영역의 값을 어떻게 읽을 수 있습니까? 해당 ID와 함께 해당 값을 저장해야합니다. 나는 이것을 시도했지만 inputs.map(input => input.innerHTML);이것은 ID가 아닌 내용 만 얻습니다 .``` 나는 단지 id와 그에 상응하는 값을 formdata에 저장하고 싶습니다.

function submitworksheet(){
let formData = new FormData();
let inputs = Array.from(document.querySelector(".worksheet"));
let formDataArray = inputs.map(input => input.innerHTML);
let x;
for (x of formDataArray) {
  formData.append(x + x);
}
}

<div class="worksheet" id="ws">
<p>I learned that the message is to never give up.</p>
<textarea id="1"></textarea>

<p>I'll be so excited when summer break arrives.</p>
<textarea id="2"></textarea>

<p>When are we eating?</p>
<textarea id="3"></textarea>
<button onclick="submitworksheet()" >Submit</button>
<div>
사자 드 알리

다음과 같이 제출 워크 시트 기능을 업데이트 할 수 있습니다.

function submitworksheet(){
let formData = new FormData();
// Getting all textarea inside container, in this case 'div' with id ws
var container = document.querySelector("#ws");
var textarea = container.querySelectorAll("textarea");
// Appending to formData
for(let i = 0; i < textarea.length; i++) {
    let value = textarea[i].value;
    let id = textarea[i].id;
    formData.append(id, value);
}
}

JQuery를 사용하여 다음과 같은 기능을 얻을 수 있습니다.

function submitworksheet(){
let formData = new FormData();
$('.worksheet textarea').each(function() {
  let id = this.id;
  let value = this.value;
  formData.append(id, value);
});
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트에서 클로저의 메모리를 해제하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트로 활성 카메라의 ID를 얻는 방법은 무엇입니까?

분류에서Dev

페이지의 자바 스크립트를 동적으로 변경하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 Google지도에서 장소 위치 드래그를 기반으로 값을 변경하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 개체에 고유 한 값을 저장하는 방법은 무엇입니까?

분류에서Dev

codeigniter-base_url ()의 값을 자바 스크립트에 저장하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에 의해 제어되는 Selenium으로 select를 찾는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 본문 태그의 값을 얻는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 객체 값에서 키를 반환하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 경로의 모든 막대를 바꾸는 방법은 무엇입니까?

분류에서Dev

이 자바 스크립트를 별도의 CSS 클래스로 나누는 방법은 무엇입니까?

분류에서Dev

구성 요소의 소품 값으로 자바 스크립트 변수를 참조하는 방법은 무엇입니까?

분류에서Dev

중첩 배열의 값을 기반으로 객체를 반환하는 방법은 무엇입니까? (자바 스크립트)

분류에서Dev

Razor 스크립트를 사용하여 NULL 값을 0으로 바꾸는 방법은 무엇입니까?

분류에서Dev

node / express에서 내 자바 스크립트의 상대 경로를 찾는 방법은 무엇입니까?

분류에서Dev

자바 스크립트로 요소의 너비를 얻는 방법은 무엇입니까?

분류에서Dev

데이터베이스에 자바 스크립트 코드를 저장하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 입력 필드에서 문장의 첫 글자 만 대문자로 쓰는 방법은 무엇입니까?

분류에서Dev

<br/> 태그의 여러 인스턴스를 자바 스크립트의 문자열에서 다른 것으로 바꾸는 방법은 무엇입니까?

분류에서Dev

내 자바 스크립트 기능으로 주말 날짜를 제거하는 방법은 무엇입니까?

분류에서Dev

Webpack으로 자바 스크립트를 최소화하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 이름과 ID에 값을 입력하는 방법은 무엇입니까?

분류에서Dev

fetch 메소드로 검색된 데이터를 저장하지 않는 방법은 무엇입니까? 자바 스크립트

분류에서Dev

내장 된 자바 스크립트 함수를 사용자 정의하는 방법은 무엇입니까?

분류에서Dev

함수의 결과를 외부 자바 스크립트 스크립트에서 pug 파일로 반환하는 방법은 무엇입니까?

분류에서Dev

쉘 스크립트를 사용하여 각 문장에서 첫 단어의 첫 글자를 대문자로 바꾸는 방법은 무엇입니까?

분류에서Dev

쉘 스크립트를 사용하여 각 문장에서 첫 단어의 첫 글자를 대문자로 바꾸는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 ID를 수락하는 방법은 무엇입니까?

분류에서Dev

jmeter의 자바 스크립트에서 ID를 추출하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    자바 스크립트에서 클로저의 메모리를 해제하는 방법은 무엇입니까?

  2. 2

    자바 스크립트로 활성 카메라의 ID를 얻는 방법은 무엇입니까?

  3. 3

    페이지의 자바 스크립트를 동적으로 변경하는 방법은 무엇입니까?

  4. 4

    자바 스크립트의 Google지도에서 장소 위치 드래그를 기반으로 값을 변경하는 방법은 무엇입니까?

  5. 5

    자바 스크립트의 개체에 고유 한 값을 저장하는 방법은 무엇입니까?

  6. 6

    codeigniter-base_url ()의 값을 자바 스크립트에 저장하는 방법은 무엇입니까?

  7. 7

    자바 스크립트에 의해 제어되는 Selenium으로 select를 찾는 방법은 무엇입니까?

  8. 8

    자바 스크립트를 사용하여 본문 태그의 값을 얻는 방법은 무엇입니까?

  9. 9

    자바 스크립트의 객체 값에서 키를 반환하는 방법은 무엇입니까?

  10. 10

    자바 스크립트에서 경로의 모든 막대를 바꾸는 방법은 무엇입니까?

  11. 11

    이 자바 스크립트를 별도의 CSS 클래스로 나누는 방법은 무엇입니까?

  12. 12

    구성 요소의 소품 값으로 자바 스크립트 변수를 참조하는 방법은 무엇입니까?

  13. 13

    중첩 배열의 값을 기반으로 객체를 반환하는 방법은 무엇입니까? (자바 스크립트)

  14. 14

    Razor 스크립트를 사용하여 NULL 값을 0으로 바꾸는 방법은 무엇입니까?

  15. 15

    node / express에서 내 자바 스크립트의 상대 경로를 찾는 방법은 무엇입니까?

  16. 16

    자바 스크립트로 요소의 너비를 얻는 방법은 무엇입니까?

  17. 17

    데이터베이스에 자바 스크립트 코드를 저장하는 방법은 무엇입니까?

  18. 18

    자바 스크립트를 사용하여 입력 필드에서 문장의 첫 글자 만 대문자로 쓰는 방법은 무엇입니까?

  19. 19

    <br/> 태그의 여러 인스턴스를 자바 스크립트의 문자열에서 다른 것으로 바꾸는 방법은 무엇입니까?

  20. 20

    내 자바 스크립트 기능으로 주말 날짜를 제거하는 방법은 무엇입니까?

  21. 21

    Webpack으로 자바 스크립트를 최소화하는 방법은 무엇입니까?

  22. 22

    자바 스크립트에서 이름과 ID에 값을 입력하는 방법은 무엇입니까?

  23. 23

    fetch 메소드로 검색된 데이터를 저장하지 않는 방법은 무엇입니까? 자바 스크립트

  24. 24

    내장 된 자바 스크립트 함수를 사용자 정의하는 방법은 무엇입니까?

  25. 25

    함수의 결과를 외부 자바 스크립트 스크립트에서 pug 파일로 반환하는 방법은 무엇입니까?

  26. 26

    쉘 스크립트를 사용하여 각 문장에서 첫 단어의 첫 글자를 대문자로 바꾸는 방법은 무엇입니까?

  27. 27

    쉘 스크립트를 사용하여 각 문장에서 첫 단어의 첫 글자를 대문자로 바꾸는 방법은 무엇입니까?

  28. 28

    자바 스크립트의 ID를 수락하는 방법은 무엇입니까?

  29. 29

    jmeter의 자바 스크립트에서 ID를 추출하는 방법은 무엇입니까?

뜨겁다태그

보관