Php 无需提交即可获得价值
我有一个简单的a+b php计算器,但是您可以从下拉列表中选择输入Php 无需提交即可获得价值,php,jquery,html,post,Php,Jquery,Html,Post,我有一个简单的a+b php计算器,但是您可以从下拉列表中选择输入 <?php if (isset($_POST['submit']) and ! empty($_POST['submit'])) { if (isset($_POST['radio'])) { $radio_input = $_POST['radio']; $radio_input1 =
<?php
if (isset($_POST['submit']) and ! empty($_POST['submit'])) {
if (isset($_POST['radio'])) {
$radio_input = $_POST['radio'];
$radio_input1 = $_POST['radio1'];
echo "$";
echo $radio_input1 + $radio_input;
}
}?>
<form action="asdindex.php" method="post">
<ul>
<li>
<select name="radio">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</li>
<li>
<select name="radio1">
<option value="1.2">1.2</option>
<option value="3.1">3.1</option>
<option value="0.3">0.3</option>
<option value="1.2">1.2</option>
</select>
</li>
</ul>
<input type= "submit" name="submit"value="submit"/>
</form>
-
1.
2.
3.
4.
-
1.2
3.1
0.3
1.2
问题是如何在不使用submit按钮/input/的情况下打印结果。
我知道用PHP做不到这一点。但不知道如何使用JQ或smt。否则。使用Ajax将所选选项值发布到PHP并打印响应您可以使用jQuery,函数可以在第二个
下拉列表的上执行
计算总和时不点击任何按钮
$(函数(){
$('.check2').change(函数(){
var data1=parseInt($('.check1').val());
var data2=parseInt($('.check2').val());
警报(数据1+数据2);
});
});代码>
1.
2.
3.
4.
请参见此
您可以使用Javascript来实现这一点。请参阅下面的JS
function addValues() {
var a = 0,
b = 0;
var e = document.getElementById("radio");
a = e.options[e.selectedIndex].value;
var e1 = document.getElementById("radio1");
b = e1.options[e1.selectedIndex].value;
alert(parseFloat(a) + parseFloat(b));
}
在关闭
之前,将上述JS添加到
中
该函数将通过单击按钮来调用。按钮的HTML如下所示
<button onclick="addValues()">Click to add</button>
更新
如果您不需要该按钮,您可以只听选择的事件的更改
看到这个了吗你是这样搜索的吗<代码>http://stackoverflow.com/questions/13339522/displaying-php-results-inside-a-div
或http://stackoverflow.com/questions/22309844/displaying-php-results-on-current-page
关键是不使用按钮,而不是警告它,而是在span中显示它,而不是警告值,您可以使用JS将值设置为a
。我会更新我的答案。。
<ul>
<li>
<select name="radio" id="radio">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</li>
<li>
<select name="radio1" id="radio1">
<option value="1.2">1.2</option>
<option value="3.1">3.1</option>
<option value="0.3">0.3</option>
<option value="1.2">1.2</option>
</select>
</li>
</ul>
<button onclick="addValues()">Click to add</button>
<br/> Result=
<span id="result"></span>
function addValues() {
var a = 0,
b = 0;
var e = document.getElementById("radio");
a = e.options[e.selectedIndex].value;
var e1 = document.getElementById("radio1");
b = e1.options[e1.selectedIndex].value;
document.getElementById("result").innerHTML = (parseFloat(a) + parseFloat(b));
}