2011-09-05 3 views
0

벽에 머리를 대고 있습니다. 양식이있는 대화 상자를 여는 버튼이 있습니다. 폼은 PHP를 통해 생성 된 다음 ajax를 통해 컨텐츠로 대화 상자에로드됩니다. 선택을 제외하고는 모두 작동하는 것 같습니다. 옵션 텍스트는 옵션 태그 외부로 이동됩니다.jquery ajax 변환 형식 선택 옵션

호출 JQuery와 :

$.ajax({ 
    type: 'POST', 
    url: '/wizard/basic-info/contact', 
    dataType: 'html', 
    success: function(html) { 
     console.log(html); 
     $('#dialog-form').append(html); 
     $('#dialog-form').dialog("open"); 
    } 
}); 

단지 성공 함수 내부의 CONSOLE.LOG는 기본적으로 생성합니다

<form action="" method="post" id="contact"> 
<label>Payment Terms</label> 
<select name="payment_terms" id="payment_terms"> 
    <option value="" selected="selected"></option> 
    <option value="net15">Net 15</option> 
    <option value="net30">Net 30</option> 
    <option value="net45">Net 45</option> 
    <option value="net60">Net 60</option> 
    <option value="cod">COD</option> 
    <option value="consignment">Consignment</option> 
</select> 

그러나 완성 된 형태의 yeilds의 DOM을 검사 :

<form action="" method="post" id="contact"> 
<label>Payment Terms</label> 
<select name="payment_terms" id="payment_terms"> 
    <option value="" selected="selected"></option> 
    <option value="net15"></option>Net 15 
    <option value="net30"></option>Net 30 
    <option value="net45"></option>Net 45 
    <option value="net60"></option>Net 60 
    <option value="cod"></option>COD 
    <option value="consignment"></option>Consignment 
</select> 

분명히 각 옵션의 텍스트가 잘못된면에 있습니다. 어떤 제안?

답변 됨 --- Oop, 내 잘못입니다. 내 사용자 정의 요소보기 스크립트를 잘못 코딩했습니다. 나는 옵션 태그에 슬래쉬를 추가했다. 이 :

<option value="net15" />Net 15</option> 

가되어 있어야합니다 : 도움을

내 나쁜
<option value="net15">Net 15</option> 

, 감사합니다.

+0

'$ ('dialog-form'). {.append' 대신에 .html (html);} – Will

+0

나는 append와 html을 모두 시도했다. 마지막으로 끝난 것입니다. –

답변

0

코드를 사용해 보았습니다. 그것은 완벽하게 작동합니다. 사용중인 jquery 버전 때문일 수 있습니다. 나는 v1.6.2로 시도했다. 및 UI v.1.8.16

+0

그게 제가 사용하는 버전입니다. XHTML로 설정된 문서 유형이라고 가정합니다. 그래서 당신을 위해 옵션 텍스트를 옵션 외부로 변환하지 않습니까? –

+0

아니, 잘 작동합니다. –

+0

감사합니다. 문제는 해결되었지만 양식 요소가 잘못 코딩되어 있습니다. 위의 내용을 확인하십시오. –