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 =

我有一个简单的a+b php计算器,但是您可以从下拉列表中选择输入

<?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));
}