내 라디오 버튼 응답이 내 Google 스프레드 시트에 응답하지 않는 이유는 무엇입니까?

T.도

내 HTML 사이트의 사용자 입력 데이터를 Google 스프레드 시트로 보내는 방법으로 다음 코드를 사용했습니다.

자바 스크립트 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
  function postContactToGoogle() {
    var firstname=$('#firstname').val();
    var surname=$('#surname').val();
    var dob=$('#dob').val();
    var email=$('#email').val();
    var option=$('#option').val();
    $.ajax({
      url:"https://docs.google.com/forms/d/e/1FAIpQLSfe760bJi_65cvSGfu4HckMdmAs1ahBkO7oE6njBTYZh4A/formResponse",
      data: {"entry.1012452068":firstname, "entry.1038894874":surname, "entry.1352091133":dob, "entry.1048111489":email, "entry.1786559101":option}, type: "POST", datatype: "xml", statusCode: {0:function() {window.location.replace("thankyou.html");}, 200:function(){window.location.replace("thankyou.html");}}
    });
  }
</script>

HTML :

<form>
  First Name:<br>
    <input id="firstname" name="firstname" type="text" placeholder="First Name"/><br>
  Surname:<br>
  <input id="surname" name="surname" type="text" placeholder="Surname"/><br>
  DoB:<br>
    <input id="dob" name="dob" type="text" placeholder="DoB"/><br>
  Email:<br>
    <input id="email" name="email" type="text" placeholder="Email"/><br>
  Option Pledge:<br>
    <input id="option" name="option" type="radio"/> £49 <br>
    <input id="option" name="option" type="radio"/> £69 <br>

    <input id="ButtonSubmit" name="" type="button" value="Send" onclick="postContactToGoogle()"/>
</form>

마지막 2 개의 라디오 버튼 옵션이 스프레드 시트에 나타나지 않는 것을 제외하고는 모두 완벽하게 작동합니다 (아래 이미지 참조). 아무도 내가 뭘 잘못하고 있는지에 대한 통찰력을 가지고 있습니까?

여기에 이미지 설명 입력

Mamdouh Saeed

두 가지 문제가 있습니다.

  1. 귀하의 radio입력은 동일 id="option"하며 ID는 고유해야합니다.
  2. 귀하의 radio입력에과 같이 보낼 속성 값이 없습니다 value="your value".

따라서이 예제는 작동합니다.

function postContactToGoogle() {
  var firstname = $('#firstname').val();
  var surname = $('#surname').val();
  var dob = $('#dob').val();
  var email = $('#email').val();
  var option = $("[name='option']").val();
  
  console.log({
      "entry.1012452068": firstname,
      "entry.1038894874": surname,
      "entry.1352091133": dob,
      "entry.1048111489": email,
      "entry.1786559101": option
    });
    alert("your radio button value: " + option);
   //it's working..

  //then validate your data before sending

  $.ajax({
    url: "https://docs.google.com/forms/d/e/1FAIpQLSfe760bJi_65cvSGfu4HckMdmAs1ahBkO7oE6njBTYZh4A/formResponse",
    data: {
      "entry.1012452068": firstname,
      "entry.1038894874": surname,
      "entry.1352091133": dob,
      "entry.1048111489": email,
      "entry.1786559101": option
    },
    type: "POST",
    datatype: "xml",
    statusCode: {
      0: function() {
        alert("status:0, thank you");
        window.location.replace("thankyou.html");
      },
      200: function() {
        alert("status:200, thank you");
        window.location.replace("thankyou.html");
      }
    }
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<form>
  First Name:
  <br>
  <input id="firstname" name="firstname" type="text" placeholder="First Name" />
  <br>Surname:
  <br>
  <input id="surname" name="surname" type="text" placeholder="Surname" />
  <br>DoB:
  <br>
  <input id="dob" name="dob" type="text" placeholder="DoB" />
  <br>Email:
  <br>
  <input id="email" name="email" type="text" placeholder="Email" />
  <br>Option Pledge:
  <br>
  <input id="option1" value="Black Ballad Membership - £49" name="option" type="radio" />£49
  <br>
  <input id="option2" value="Premium Black Ballad Membership - £69" name="option" type="radio" />£69
  <br>

  <input id="ButtonSubmit" name="" type="button" value="Send" onclick="postContactToGoogle()" />
</form>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Shinny 앱에서 내 확인란 버튼이 응답하지 않는 이유는 무엇입니까?

분류에서Dev

내 Socket.IO 서버가 내 Firecamp 및 C # 클라이언트에 응답하지 않는 이유는 무엇입니까?

분류에서Dev

내 버튼이 Android Studio에서 응답하지 않습니다.

분류에서Dev

내 부트 스트랩 (3) 그리드가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

내 VM의 가상 호스트가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

xml 레이아웃이로드되지만 내 활동이 버튼 클릭에 응답하지 않습니다.

분류에서Dev

jQuery / javascript를 통해 조건부 라디오 버튼을 전달할 때 내 CSS 스타일 시트가 반영되지 않는 이유는 무엇입니까?

분류에서Dev

내 레일 프로젝트에서 내 미디어 쿼리가 개발 중에 만 응답하는 이유는 무엇입니까?

분류에서Dev

내 슬라이드 쇼에서 제어 버튼이 작동하지 않는 이유는 무엇입니까?

분류에서Dev

내 라디오 버튼이 자바 스크립트 파일의 if else 문을 받아들이지 않는 이유는 무엇입니까?

분류에서Dev

내 JSON 응답 객체가 사전에로드되지 않는 이유는 무엇입니까?

분류에서Dev

내 파이 게임이 몇 초 후에 응답하지 않는 이유는 무엇입니까?

분류에서Dev

내 미디어 쿼리가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

사람들이 내 노드 / 익스프레스 사이트를 침투 테스트하는 URL에 응답을 보내지 않아도됩니까?

분류에서Dev

내 코드 (jQuery)가 응답하지 않는 이유는 무엇입니까? 목표 : 고정 헤더

분류에서Dev

내 JButton 액션 리스너가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

내 버튼에 텍스트가 표시되지 않는 이유는 무엇입니까?

분류에서Dev

내 임베디드 및 반응 형 비디오가 반응하지 않는 이유는 무엇입니까?

분류에서Dev

내 목록보기가 텍스트를 클릭 할 때만 응답하는 이유는 무엇입니까?

분류에서Dev

IE 11에서 프록시 서버가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

<Kivy> 내 파이썬 코드에 버튼이 표시되지 않는 이유는 무엇입니까?

분류에서Dev

각도 스프레드 시트 업로드 버튼이 응답하지 않음

분류에서Dev

내 코드 변경에 응답하지 않는 브라우저

분류에서Dev

내 동적 웹 사이트가 특정 버튼 클릭에 응답하지 않습니다.

분류에서Dev

내 버튼이 가로 모드에서 표시되지 않는 이유는 무엇입니까?

분류에서Dev

getJSON의 성공에 대한 응답을 보내지 못하는 이유는 무엇입니까?

분류에서Dev

내 bash 스크립트가 백그라운드에서 실행될 때 종료에 응답하는 데 시간이 너무 오래 걸리는 이유는 무엇입니까?

분류에서Dev

Android에서 동적으로 버튼을 만들려고 할 때 내 응용 프로그램이 작동하지 않는 이유는 무엇입니까?

분류에서Dev

고정 위치 div 내에서 버튼이 응답하지 않음

Related 관련 기사

  1. 1

    Shinny 앱에서 내 확인란 버튼이 응답하지 않는 이유는 무엇입니까?

  2. 2

    내 Socket.IO 서버가 내 Firecamp 및 C # 클라이언트에 응답하지 않는 이유는 무엇입니까?

  3. 3

    내 버튼이 Android Studio에서 응답하지 않습니다.

  4. 4

    내 부트 스트랩 (3) 그리드가 응답하지 않는 이유는 무엇입니까?

  5. 5

    내 VM의 가상 호스트가 응답하지 않는 이유는 무엇입니까?

  6. 6

    xml 레이아웃이로드되지만 내 활동이 버튼 클릭에 응답하지 않습니다.

  7. 7

    jQuery / javascript를 통해 조건부 라디오 버튼을 전달할 때 내 CSS 스타일 시트가 반영되지 않는 이유는 무엇입니까?

  8. 8

    내 레일 프로젝트에서 내 미디어 쿼리가 개발 중에 만 응답하는 이유는 무엇입니까?

  9. 9

    내 슬라이드 쇼에서 제어 버튼이 작동하지 않는 이유는 무엇입니까?

  10. 10

    내 라디오 버튼이 자바 스크립트 파일의 if else 문을 받아들이지 않는 이유는 무엇입니까?

  11. 11

    내 JSON 응답 객체가 사전에로드되지 않는 이유는 무엇입니까?

  12. 12

    내 파이 게임이 몇 초 후에 응답하지 않는 이유는 무엇입니까?

  13. 13

    내 미디어 쿼리가 응답하지 않는 이유는 무엇입니까?

  14. 14

    사람들이 내 노드 / 익스프레스 사이트를 침투 테스트하는 URL에 응답을 보내지 않아도됩니까?

  15. 15

    내 코드 (jQuery)가 응답하지 않는 이유는 무엇입니까? 목표 : 고정 헤더

  16. 16

    내 JButton 액션 리스너가 응답하지 않는 이유는 무엇입니까?

  17. 17

    내 버튼에 텍스트가 표시되지 않는 이유는 무엇입니까?

  18. 18

    내 임베디드 및 반응 형 비디오가 반응하지 않는 이유는 무엇입니까?

  19. 19

    내 목록보기가 텍스트를 클릭 할 때만 응답하는 이유는 무엇입니까?

  20. 20

    IE 11에서 프록시 서버가 응답하지 않는 이유는 무엇입니까?

  21. 21

    <Kivy> 내 파이썬 코드에 버튼이 표시되지 않는 이유는 무엇입니까?

  22. 22

    각도 스프레드 시트 업로드 버튼이 응답하지 않음

  23. 23

    내 코드 변경에 응답하지 않는 브라우저

  24. 24

    내 동적 웹 사이트가 특정 버튼 클릭에 응답하지 않습니다.

  25. 25

    내 버튼이 가로 모드에서 표시되지 않는 이유는 무엇입니까?

  26. 26

    getJSON의 성공에 대한 응답을 보내지 못하는 이유는 무엇입니까?

  27. 27

    내 bash 스크립트가 백그라운드에서 실행될 때 종료에 응답하는 데 시간이 너무 오래 걸리는 이유는 무엇입니까?

  28. 28

    Android에서 동적으로 버튼을 만들려고 할 때 내 응용 프로그램이 작동하지 않는 이유는 무엇입니까?

  29. 29

    고정 위치 div 내에서 버튼이 응답하지 않음

뜨겁다태그

보관