양식 선택 입력 값을 제출하지 않고 AJAX를 사용하여 PHP 파일로 전달하는 방법은 무엇입니까?

Question

HTML 양식의 양식 선택 입력 값을 제출하지 않고 PHP 파일로 전달하려고합니다.

어떻게하면됩니까?

이

내 형태 :

<div class="form-group"> 
<label>Provincia</label> 
<select class="form-control" name="userDomicilioProvincia"> 
<option id ="userDomicilioProvincia" name="userDomicilioProvincia"> </option> 
<option value="Capital Federal">Capital Federal</option> 
<option value="Gran Buenos Aires">Gran Buenos Aires</option> 
<option value="Buenos Aires">Provincia de Buenos Aires</option> 
</select> 
</div> 

그리고 여기 내 아약스 호출입니다 :이 브라우저의 콘솔을 사용하여 테스트하기 위해 노력하고있어

$('#userDomicilioProvincia').change(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "/ubicacion.php", 
     provincia: {text:$(this).val()} 
    }); 
}); 

, 내가 양식에있어 하나의 옵션을 선택 콘솔에서는 var Provincia을 입력하고 undefined을 반환합니다.

어떻게하면됩니까?

Answer 1

거의 다 왔어.

id 특성을 에 넣고 option 대신에 넣으십시오.

$(document).ready(function(){ 
 
    $('#userDomicilioProvincia').change(function(){ 
 
     $.ajax({ 
 
      type: "POST", 
 
      url: "/ubicacion.php", 
 
      data: { provincia: $(this).val() } 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <label>Provincia</label> 
 
    <select id="userDomicilioProvincia" class="form-control" name="userDomicilioProvincia"> 
 
     <option> </option> 
 
     <option value="Capital Federal">Capital Federal</option> 
 
     <option value="Gran Buenos Aires">Gran Buenos Aires</option> 
 
     <option value="Buenos Aires">Provincia de Buenos Aires</option> 
 
    </select> 
 
</div>