jquery thickbox 내부에서 비정상적으로 동작하는 폼 요소

Question

jquery의 thickbox 플러그인 (버전 3)을 사용하고 있으며 내부에 $ .post를 사용하여 제출할 양식을 배치하려고합니다. 그러나 양식 요소는 정상적으로 작동하지 않습니다. 예를 들어 선택 상자

<select name="priority" id="priority"> 
    <?php for($i = 5; $i > 0; $i--){ ?>           
      <!-- <input type="radio" class="star" name="priority" value="<?php echo $i ?>"> --> 
      <option value="<?php echo $i; ?>"><?php echo $i; if($i == 5) echo ' (lowest)'; if($i == 1)echo ' (highest)'; ?></option>    
    <?php } ?> 
    </select> 

내가 제출 함수를 호출 버튼을 클릭

,

function add(){ 
    var pr = document.getElementById("priority").value; 
    console.log(pr); 

} 

이 첫 번째 값 즉, 경고가있다. 5 옵션을 선택하지 않아도됩니다.

도와주세요. 이것은 일반적으로 직면 한 문제입니까? 당신이 jQuery를 사용하는 것처럼

Answer 1

, 당신은

var pr = $("#priority option:selected").val(); 

또는

var pr = $("#priority").val(); 

대신

var pr = document.getElementById("priority").value; 

의이 그것을

이 이상 http://docs.jquery.com/Attributes/val를 참조 해결해야 사용해야합니다 나는 NFO

Answer 2

jQuery로

: 당신은 당신이 할 수 있어야 순수 자바 스크립트를 사용하고자하는 경우

var pr = $("#priority option:selected").val(); 

가 :

var i = document.getElementById("priority").selectedIndex; 
var options = document.getElementById("priority").options; 

var value = options[i].value; 

Answer 3

내가 특별히 Thickbox와 모르지만, 형태에 문제가 일반적이다 Lightbox와 같은 많은 도구. 그 이유는 도구 1. 양식 컨텍스트에서 양식 요소를 가져오고 일반적으로 을 DOM 수준의 Thickbox/Lightbox에 복사합니다. 상자가 닫히면 변경된 설정이 남아있는 상태로 제대로 이동하지 않고 요소가 파괴되거나 재설정됩니다.

일반적으로 DOM 요소를 안전하게 앞뒤로 전송할 수 있도록 * 상자 스크립트 자체를 변경하여이 동작을 변경할 수 있습니다.