在php中选择onChange填充不同的数据

时间:2009-12-08 11:46:27

标签: php mysql html

我需要澄清一下如何使用mysql中的数据填充select(s)。基本上我要做的是:

第一个选择框中会包含一些数据。

<select> 
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

当用户在第一个选择中选择一个选项时, 下面有第二个选择,它应该根据第一个选择中的选择反映值。

<select> 
  <option>1.1</option>
  <option>1.2</option>
  <option>1.3</option>
</select>

数据来自MySQL的commin。我不确定是否需要发布到同一页面,但如果我这样做,如何保留在前面的选择框中选择的值alredy?我需要使用javascript吗?

任何帮助?

感谢。

1 个答案:

答案 0 :(得分:4)

您应该使用javascript,这样您就不需要刷新页面了。我只是重新阅读了你的问题,我将在一秒钟之内找到一个涉及AJAX请求的解决方案来提取动态数据:

<强> HTML

<select name="select1" id="select1"> 
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select name="select2" id="select2"> 
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<强>的jQuery

<script type="text/javascript">
$(document).ready(function() {
    $('#select1').change(getDropdownOptions);
});

function getDropdownOptions() {
    var val = $(this).val();
    // fire a POST request to populate.php
    $.post('populate.php', { value : val }, populateDropdown, 'html');
}

function populateDropdown(data) {
    if (data != 'error') {
        $('#select2').html(data);
    }
}
</script>

<强> populate.php

<?php
if (!empty($_POST['value'])) {
    // query for options based on value
    $sql = 'SELECT * FROM table WHERE value = ' . mysql_real_escape_string($_POST['value']);

    // iterate over your results and create HTML output here
    ....

    // return HTML option output
    $html = '<option value="1">1</option>';
    $html .= '<option value="b">B</option';
    die($html);
}
die('error');
?>