스크립트에서 대화 상자의 위치 유지

Question

나는 양식이 있으며 대화 상자가있는 파트를 표시하고자합니다.

그러나 양식에 div를 대화 상자에 할당하면 양식 요소의 내부에 더 이상 위치하지 않아 양식 요소의 내부에 위치하므로 값을 제출할 수 없습니다.

처럼 :이 경우

<form> 
<div id="dialog_container"><input name="test"></div> 
</form> 
<script> $('#dialog_container').dialog();</script> 

이 사업부는 양식 태그를 유지하지 않습니다.

어떻게 해결할 수 있습니까?

감사합니다. 이 같은 대화 상자 용기에

Answer 1

http://jsfiddle.net/UpzSQ/5/ 나는 같은 문제의 종류와 내가 내 대화 형태의 각각의 숨겨진 입력을 추가 한 짓을 추가합니다.

대화 상자를 닫을 때 숨겨진 입력을 대화 상자의 값으로 바꿀 수있었습니다.

뭐 그런 :

<div id="dialog_container"> 
    <form id="dialog_form"> 
    ... any input ... 
    </form> 
</div> 

<form id="main_form"> 
    <input type="hidden" id="test"> 
</form> 

와 같은 자바 스크립트 뭔가 :

$("#dialog_container").dialog({ 
    close: function(ev, ui) { 
     var dialogInput // build inputs from dialogInputs 
         // you can even mix former inputs with new ones 
     $("#test").replaceWith(dialogInput ) 
    } 
    }); 

Answer 2

넣고 태그 :

가 왜 이벤트가 대화 상자에 onchange를 추가 한 다음 원래의 형태에 숨겨진 필드에 해당 값을 넣어, 또는 싶지 않다

<div id="dialog_container"> 
    <form> 
     <input name="test"> 
    </form> 
</div> 

편집 json 객체를 대화 상자 형식으로 직렬화 한 다음 숨겨진 필드에 넣습니다.

#dialog_container {위치 :

또는

이 CSS와 DIV에 그 부분을 넣어 고정; 상단 : 10px; 왼쪽 : 10px; 배경색 : 흰색; 표시 : 없음; }

사용자가 대화 상자를 열기 위해 클릭 한 후 $ ('# dialog_container')를 호출하면됩니다.

데모 :