Javascript 如何使用AJAX将表单选择输入的值传递给php文件而不提交它？

我想将表单选择输入的值从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>

我试图使用浏览器的控制台来测试这一点，我进入表单，选择一个选项，然后在控制台中输入var Provincia，它返回undefined

我该怎么做呢？

你就快到了

将id属性放在select和上，而不是选项上

$document.readyfunction{ $'UserDomincilioProvincia'.changefunction{ $.ajax{ 类型:POST,， url:/ubicacion.php， 数据：{provincia:$this.val} }; }; }; 省 首都联邦 大布宜诺斯艾利斯酒店 布宜诺斯艾利斯省 你快到了

将id属性放在select和上，而不是选项上

$document.readyfunction{ $'UserDomincilioProvincia'.changefunction{ $.ajax{ 类型:POST,， url:/ubicacion.php， 数据：{provincia:$this.val} }; }; }; 省 首都联邦 大布宜诺斯艾利斯酒店 布宜诺斯艾利斯省

---

$userdomincilioprovincia表示选择属性id为userdomincilioprovincia的元素。如果要获取设置了name属性的select元素，请使用以下选择器：$'select[name=userdomincilioprovincia]”，但最好将id属性设置为select元素，而不是使用select标记来查找元素。id选择器要快得多。您可以阅读有关选择器性能的内容$UserDomincilioProvincia意味着选择属性id为UserDomincilioProvincia的元素。如果要获取设置了name属性的select元素，请使用以下选择器：$'select[name=userdomincilioprovincia]”，但最好将id属性设置为select元素，而不是使用select标记来查找元素。id选择器要快得多。您可以阅读一些有关选择器性能的内容，谢谢您的回复！！如何在php中访问该值？我正在尝试使用var_dump$_POST['provincia']；它是空的。@Rosamunda抱歉，jQuery代码中还有一个错误。我纠正了它。我将provincia:{text:$this.val}更改为：data:{provincia:$this.val}。数据是一个javascript对象，通过POST发送到PHP服务器。再试一次，var_dump$_POST['provincia']；现在应该可以工作了。谢谢你的回复！！如何在php中访问该值？我正在尝试使用var_dump$_POST['provincia']；它是空的。@Rosamunda抱歉，jQuery代码中还有一个错误。我纠正了它。我将provincia:{text:$this.val}更改为：data:{provincia:$this.val}。数据是一个javascript对象，通过POST发送到PHP服务器。再试一次，var_dump$_POST['provincia']；现在应该可以工作了。

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