제출시 양식에 JS 변수 첨부

페이지로드가 완료된 후 사용자가 변수를 설정할 수 있습니다.제출시 양식에 JS 변수 첨부

이 다음에 저장됩니다

var finalX;

나는이 값이 설정되고 나면 제출하는 형태를 갖는다.

나는 다음에 첨부해야합니다 양식이 제출 될 때까지가 언제든지 변경 될 수 있듯이

<input type="hidden" name="x" />

, 그것은 양식 버튼을 클릭로 선택해야합니다.

어떤 도움을 주시면 감사하겠습니다 :)

출처

2014-11-20 sark9012

를? –

당신은 양식의 실제 제출을 캡처 할 .submit() 기능을 사용할 수 있습니다. 숨겨진 필드가 HTML에 이미있는 경우, 당신은 단지 값을 설정할 수 있습니다

$("#your_form").submit(function() { 

    console.log("Handler for .submit() called."); 

    $("input", { 
    "type": "hidden", 
    "name": "x", 
    "value": your_hidden_value 
    }).appendTo("#your_form"); 

});

: 그것이 적절한 값의와

Bind an event handler to the "submit" JavaScript event

그런 다음 당신은 숨겨진 필드를 삽입 할 수

을

$("#your_form").submit(function() { 
    console.log("Handler for .submit() called."); 
    $("input:hidden[name='x']").val(your_hidden_value) 
});

출처

2014-11-20 12:18:48 Lix

메시지를 로깅하는 콘솔까지 도달했지만 값이 입력에 연결되지 않았다!내 입력 ID는 hidden_input을 입력 한 위치와 동일하며 final_X를 첨부했습니다. 여기에 your_hidden_value를 두었습니다. 어떤 아이디어? – sark9012

@ sark9012 - 내가 제공 한 두 가지 솔루션 중 어느 것을 사용하고 있습니까? – Lix

둘 중 두 번째! – sark9012

의 jQuery aproach :

$('#yourForm').submit(function(e) { 
    this.x.value = finalX; 
});

출처

2014-11-20 12:16:46

제출을 취소 한 다음 전화를 거는 이유는 무엇입니까? 값을 설정하고 이벤트가 진행되도록하십시오. 함수의 전체 본문은'this.x.value = finalX' 일 수 있습니다. – RobG

이것이 효과가 있을지 확신하지 못했습니다. 감사! –

Js & jQuery mixing .. 왜 자바 스크립트를 사용하지 않으시겠습니까? addeventlistener와 함께? – Superdrac

다른 답변과 함께 t 그의

적 finalX 값을 설정

방금 추가 할 수 있습니다 다음 줄 아래에

$('#yourForm input[name=X]').val(finalX);

당신이 대신 다음 줄을 시도 할 수 jQuery를 사용하고 하나 개의 input[name="X"] 요소가 있다고 가정하지 않는 경우

var ele = document.getElementsByName("X"); 
if(ele.length > 0) ele[0].value = finalX;

출처

2014-11-20 12:20:48

당신은 간단한 제출 리스너 사용할 수 있습니다

<form onsubmit="this.x.value = finalX;" ...>

을

또는 온로드 첨부 :

window.onload = function() { 
    document.forms['formName'].onsubmit = function() { 
    this.x.value = finalX; 
    } 
}

또는 여러 제출 청취자가있는 경우 : 당신이 jQuery를 사용하는

window.onload = function() { 
    document.forms['formID'].addEventListener('submit',function(){this.x.value=finalX},false) 
}

출처

2014-11-20 12:23:37 RobG

finalX가 폼 위나 아래에 설정되어 있다면 상관이 있습니까? – sark9012

위와 같아야합니다. 양식을 제출하기 전에 양식이 만들어지기 만하면 작동합니다. 스크립트가 완전히 실패하면 양식은 * form.x *의 기본값으로 제출됩니다. – RobG

제출시 양식에 JS 변수 첨부

답변

관련 문제