在单击提交之前使用所选选项值

时间:2013-05-05 18:25:31

标签: php javascript

<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代码找到解决方法

1 个答案:

答案 0 :(得分:0)

你必须使用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>