입력 값 추가 및로드시 양식 제출

제임스

다음과 같은 형식이 있습니다.

<form action="http://example.co.uk/order" method="post" id="voucher" class="AVAST_PAM_nonloginform">
  <fieldset>
    <h4>Vouchers</h4>
    <input type="text" class="discount_name form-control" id="discount_name" name="discount_name" value="">
    <input type="hidden" name="submitDiscount">
    <button type="submit" name="submitAddDiscount" class="button btn btn-default button-small"><span>OK</span></button>
  </fieldset>
</form>

다음 스크립트를 사용하고 있습니다.

<script>
window.onload = function(){
document.getElementById(\"discount_name\").value = \"50681\";
}
</script>

입력을 채 웁니다. 그런 다음 다음을 사용합니다.

<script>
window.onload = function(){
document.forms['voucher'].submit();
}
</script>

제출을 활성화합니다.

그러나 두 번째 스크립트를 사용하면 "50681"이 텍스트 상자에 입력되는 것을 중지합니다 (대신 빈 입력을 제출 함).

원래 코드는 다음과 같습니다.

  <script>
    window.onload = function(){
    document.getElementById(\"discount_name\").value = \"50681\";
document.forms['voucher'].submit();
    }
    </script>

(나는 그것이 타이밍 문제일지도 모른다고 생각하여 분할했습니다).

어떤 아이디어?

추신 백 슬래시의 이유는 내가 작동시킬 때까지 현재 PHP에서 실행되고 있기 때문입니다.

brk

문제는 (\"discount_name\").value = \"50681\";&document.forms['voucher'].submit();

두 경우 모두 숫자 \로 타겟팅해야하는 & 양식을 피할 index수 있습니다. 하나의 양식 만 존재한다고 가정하므로 0index 전달

 window.onload = function(){
    document.getElementById("discount_name").value = "50681";
    document.forms[0].submit();
    }

참고 : 데모에서 액션 URL을 httpselse로 변경했습니다 . jsfiddle에서 전화를 걸 수 없습니다. 귀하의 경우에는 여전히 http코드를 유지할 수 있습니다.

ID를 사용하여 데모

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

양식 제출시 입력 값을 가져 와서 표시합니다.

분류에서Dev

입력에서 텍스트 추가 및 양식 제출

분류에서Dev

입력 필드 값 변경시 양식 제출

분류에서Dev

HTML 양식 제출-자바 스크립트 배열에 입력 값 추가

분류에서Dev

제출시 양식 외부에있는 입력 값 전달

분류에서Dev

입력 값으로 양식에 simpleCart 항목 추가

분류에서Dev

HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

분류에서Dev

양식 제출시 변수에 확인란의 값 / 이름을 추가하는 방법은 무엇입니까?

분류에서Dev

제출시 양식을 Angular.js로 대체하기 위해 양식 입력 값을 얻는 방법

분류에서Dev

특정 값이 양식 필드에 입력 될 때까지 양식 필드를 동적으로 추가

분류에서Dev

양식 입력을 동적으로 추가 / 제거

분류에서Dev

JS 입력 유형 날짜 필드, 양식 제출 후 선택된 값 유지

분류에서Dev

양식에서 입력 추가 / 제거

분류에서Dev

jCanvas의 출력 양식 입력 값

분류에서Dev

Jquery 복제 및 입력 값에 추가

분류에서Dev

입력 필드 추가, 반복 및 div에 값 출력

분류에서Dev

제출 버튼 뒤에 추가되는 양식 입력

분류에서Dev

JS는 양식 제출 전에 확인 된 모든 입력 필드 값을 출력합니다.

분류에서Dev

양식 제출시 배열로 값 가져 오기

분류에서Dev

양식이로드 / 제출 될 때마다 값 1 씩 증가

분류에서Dev

jquery 및 ajax로 양식 값을 계산 및 제출하고 계산 된 값을 특정 div에 추가

분류에서Dev

jQuery 제출 추가 양식 필드

분류에서Dev

HTML 양식에 입력 필드 추가

분류에서Dev

제출시 Google 양식에서 값 가져 오기 및 시간 형식 지정

분류에서Dev

Vue + Axios로 편집 양식 만들기-데이터베이스의 동적 값을 양식 입력에 추가

분류에서Dev

제출 양식에서 입력 값의 단어 일부 제거

분류에서Dev

제출 양식에서 입력 값의 단어 일부 제거

분류에서Dev

주요 양식 입력 필드 및 제출 버튼 문제

분류에서Dev

제출시 Chrome 확장 양식 입력 텍스트가 비어 있습니다.

Related 관련 기사

  1. 1

    양식 제출시 입력 값을 가져 와서 표시합니다.

  2. 2

    입력에서 텍스트 추가 및 양식 제출

  3. 3

    입력 필드 값 변경시 양식 제출

  4. 4

    HTML 양식 제출-자바 스크립트 배열에 입력 값 추가

  5. 5

    제출시 양식 외부에있는 입력 값 전달

  6. 6

    입력 값으로 양식에 simpleCart 항목 추가

  7. 7

    HTML 양식 제출 POSTS 입력 버튼 / 제출 값; JavaScript 양식 제출은

  8. 8

    양식 제출시 변수에 확인란의 값 / 이름을 추가하는 방법은 무엇입니까?

  9. 9

    제출시 양식을 Angular.js로 대체하기 위해 양식 입력 값을 얻는 방법

  10. 10

    특정 값이 양식 필드에 입력 될 때까지 양식 필드를 동적으로 추가

  11. 11

    양식 입력을 동적으로 추가 / 제거

  12. 12

    JS 입력 유형 날짜 필드, 양식 제출 후 선택된 값 유지

  13. 13

    양식에서 입력 추가 / 제거

  14. 14

    jCanvas의 출력 양식 입력 값

  15. 15

    Jquery 복제 및 입력 값에 추가

  16. 16

    입력 필드 추가, 반복 및 div에 값 출력

  17. 17

    제출 버튼 뒤에 추가되는 양식 입력

  18. 18

    JS는 양식 제출 전에 확인 된 모든 입력 필드 값을 출력합니다.

  19. 19

    양식 제출시 배열로 값 가져 오기

  20. 20

    양식이로드 / 제출 될 때마다 값 1 씩 증가

  21. 21

    jquery 및 ajax로 양식 값을 계산 및 제출하고 계산 된 값을 특정 div에 추가

  22. 22

    jQuery 제출 추가 양식 필드

  23. 23

    HTML 양식에 입력 필드 추가

  24. 24

    제출시 Google 양식에서 값 가져 오기 및 시간 형식 지정

  25. 25

    Vue + Axios로 편집 양식 만들기-데이터베이스의 동적 값을 양식 입력에 추가

  26. 26

    제출 양식에서 입력 값의 단어 일부 제거

  27. 27

    제출 양식에서 입력 값의 단어 일부 제거

  28. 28

    주요 양식 입력 필드 및 제출 버튼 문제

  29. 29

    제출시 Chrome 확장 양식 입력 텍스트가 비어 있습니다.

뜨겁다태그

보관