0

这周我开始学习 PHP/HTML，因为我的公司需要一个小工具来返回基于邮政编码的郊区列表。我的知识非常有限，但我已经能够让它完全按照我想要的方式工作。除了 onchange/onblur，它会重新加载整个页面。我似乎无法解决或找到仅重新加载下拉框的方法。从互联网搜索看来，Jquery 或 Javascript 将是唯一的方法。但是我找不到与我的需求足够接近的示例/教程。

这是代码。基本上，您填写文本输入，然后单击将邮政编码放入 API，然后以 JSON 格式返回所有相应的郊区。然后由 JSON 数据填充一个下拉框。

非常感谢您的帮助！

<?php
//Turn data from user entry screen into variables
$pcode = $_GET["pcode"];
//Load API key and API URL
include 'api.php';

//Initializing curl
$ch = curl_init($url);
//Setting curl options
curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
//Getting results
$api_result = curl_exec($ch);
//Close Curl
curl_close($ch); 

//Place API call results into $data variable
$suburb_data = json_decode($api_result, TRUE);

//Display JSON Data - Comment out in production
//var_export($suburb_data);

//Turn suburb list array in a variable
$suburb_list = ($suburb_data['result']);

//Count the amount  of results
//$suburb_count = count($suburb_list);
?>

<form method="get">
  <table width="308" border="0">
    <tr>
      <td width="95">Postcode:</td>
      <td width="98"><label>
        <input name="pcode" type="text" id="pcode" onblur="this.form.submit()" style="width: 40px;"onchange='this.form.submit()' value="<?php echo htmlspecialchars($_GET['pcode']); ?>" />
      </label></td>
      <td width="88"></td>
    </tr>
    <tr>
      <td>Suburb:</td>
      <td><label>
<?php
echo'<select name="city">';
//Loop through the array "results" and find all values for "Town"
foreach ($suburb_list as $towns) {
    echo '<option value="'.$towns['Town'].'">'.$towns['Town'].'</option>';;
}
echo '</select>';

?>
      </label></td>
      <td></td>
    </tr>
    <tr>
      <td><label>
        <input type="submit" name="button" id="button" value="Submit" />
      </label></td>
      <td></td>
      <td></td>
    </tr>
  </table>

</form>
4

1 回答 1

0

使用ajax，这将允许您在不重新加载页面的情况下从服务器发送和检索数据。

于 2013-01-10T06:08:45.553 回答