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

我想将表单选择输入的值从HTML表单传递给php文件而不提交它。

我该怎么办？

这是我的表格：

 Provincia    Capital Federal Gran Buenos Aires Provincia de Buenos Aires   

这是我的ajax电话：

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

我正在尝试使用浏览器的控制台对此进行测试，我进入表单，选择一个选项，然后在控制台中输入var Provincia并返回undefined 。

我该怎么办？

Answer 1

你快到了。

将id属性放在select而不是option 。

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

  
 Provincia    Capital Federal Gran Buenos Aires Provincia de Buenos Aires