單擊提交之前使用選定的選項值

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>