[英]Get value from input field and pass to new page using ajax without submitting form
[英]How to pass the value of a form select input to a php file using AJAX without submitting it?
我想將表單選擇輸入的值從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>
這是我的ajax調用:
$('#userDomicilioProvincia').change(function(){
$.ajax({
type: "POST",
url: "/ubicacion.php",
provincia: {text:$(this).val()}
});
});
我正在嘗試使用瀏覽器的控制台進行測試,進入表格,選擇一個選項,然后在控制台中鍵入var Provincia
,它返回undefined
。
我該怎么辦?
你快到了。
將id
屬性放在select
而不是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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.