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

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']; ?> 

（当然，你可以做任何操作上的VAR可以在PHP脚本中使用，如果你不需要做任何的话，整个系统就没什么意思了）

修改将这个div添加到你的HTML中，这样你可以在POST请求后刷新它：

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