我想将表单选择输入的值从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
。
我该怎么做?
答案 0 :(得分:3)
你几乎就在那里。
将id
属性放在select
上,而不是option
。
$(document).ready(function(){
$('#userDomicilioProvincia').change(function(){
$.ajax({
type: "POST",
url: "/ubicacion.php",
data: { provincia: $(this).val() }
});
});
});
&#13;
<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>
&#13;