php - 在单击提交之前使用选定的选项值

Question

<form id="form1" name="form1" method="post" action="">
<select name="apartment_type" id="abc" >
      <option value="">Please Select Apartment type</option> 
      <option value="duplex">Duplex</option>
      <option value="bongalow">Bongalow</option>
      <option value="flats">Flats</option>
      </select>
<?php
      $ijk = $_POST['apartment_type'];
      echo $ijk; // This doesn't appear until I submit the form
?>
<input type="submit" name="button"/>
</form>

我在这里为一家房地产公司构建的这个应用程序有一个小问题。有没有办法$ijk在提交表单之前取出变量？我包含了这个 JavaScript 函数：

$(document).ready(function() {
var type
$('#abc').change(function() {
    var type = $('#abc').attr('value');
    alert (type);
}
}

显示了选定的选项，但我似乎无法用我的 PHP 代码找到解决方法

Answer 1

您必须使用 AJAX 调用：

$(document).ready(function() {
    var type;
    $('#abc').change(function() {
        var type = $('#abc').attr('value');
        $.post({
           url: "/some/phpscript.php",
           data: {t: type},
           success: function(response) {
               $('#div-content').html(response);
           }
        });
    }
}

制作一个这样的 PHP 脚本：

<?php echo $_POST['t']; ?>

（当然你可以对PHP脚本里面的变量做任何类型的操作，如果你不用做，整个系统没有太大意义）

并修改将其添加div到您的 HTML 中，以便您可以在 POST 请求后刷新它：

<div id="div-content"></div>