Php 如何使用ajax select获取多个select值

Php 如何使用ajax select获取多个select值,php,ajax,select,Php,Ajax,Select,我不熟悉这个脚本。。。仍在学习过程中。我自己有一个难题,我需要帮助。谢谢你的帮助。情况如下: 我有两个不同数值的选择选项。选择第一个和第二个而不刷新时,将添加这两个值。如何在不刷新页面的情况下使用ajax获取脚本 <select name="select1"><option value="123"></option></select> <select name="select2"><option value="546">&l

我不熟悉这个脚本。。。仍在学习过程中。我自己有一个难题,我需要帮助。谢谢你的帮助。情况如下:

我有两个不同数值的选择选项。选择第一个和第二个而不刷新时,将添加这两个值。如何在不刷新页面的情况下使用ajax获取脚本

<select name="select1"><option value="123"></option></select>
<select name="select2"><option value="546"></option></select>

<div id="addition">here the two value will be added...</div>
这可能对你有帮助

<html>
<head>
<script type="text/javascript">
function addemall()
{
var num1,num2,tot=0;
num1=document.getElementById("num1");
num2=document.getElementById("num2");
if(num1.value&&num2.value){
tot=parseInt(num1.value)+parseInt(num2.value);
}
document.getElementById("addition").innerHTML="Total :- "+tot+"";
}
</script>
</head>
<body>
<select name="select1" id="num1" onChange="addemall();">
<option value="1001">1001</option>
<option value="123">123</option>
</select>
<select name="select2" id="num2" onChange="addemall();">
<option value="1001">1001</option>
<option value="546">546</option>
</select>
<div id="addition">here the two value will be added...</div>
</body>
</html>
这是Javascript程序。但您确实应该看看文档对象模型

我认为这里不需要ajax

希望能有帮助。以前的代码不起作用,因为函数名为add,我不知道为什么会出现问题。但我现在已经改变了答案,它起作用了。请看一下。

使用jQuery:

<script>
var val1 = ~~($('select[name="select1"]').val()); //~~(x) is the same as floor(x)
var val2 = ~~($('select[name="select2"]').val());
var val = val1 + val2;
$('#addition').html(val);
</script>
而且不需要ajax。但是,如果出于某种原因,您想在服务器端对这两个数字求和,可以使用ajax将它们发送过来,如下所示:

<script>
var val1 = ~~($('select[name="select1"]').val()); //~~(x) is the same as floor(x)
var val2 = ~~($('select[name="select2"]').val());
$.ajax
({
   type:"POST",
   async:true,
   url:"addition.php",
   data:{val1:val1, val2:val2}
}).done(function(msg)
{
   $('#addition').html(msg);
});
</script>

让addition.php文件读取两个POST值并将它们相加。

@user3103905现在检查我的答案。我已经编辑过了,现在可以用了,谢谢。。。还有一个问题。我可以在中显示值而不是div吗?我正在通过阅读其他帖子进行探索。。。来自此代码文档。getElementByIdmyDiv.innerHTML=xmlhttp.responseText;你怎么能用“输入文本”而不是div来显示它呢?我找到了答案而不是.innerHTML将其替换为.value。感谢所有这些,它真的帮了我很多。。。