提交前获取 select 信息

Question

好吧，我正在阅读堆栈溢出给出的解决方案，但我找不到正确的解决方案...所以这是我的问题：

我正在创建一个包含多个 select 的表单（不是 select 多个="true"），不，我的意思是一个包含 4 个不同 select 的表单s...从数据库中检索数据所以如果我填写我的第一个 "select" 让我说 Style1 然后我想得到 "style1" selection 这样我就可以配置我的第二个 select 基于此进行查询，我可以区分我正在寻找的值...我不知道你是否明白我的想法，我读过我需要使用 AJAX 但我不知道如何到...

<form method="post">
<select name="category">
<?php $test = mysql_query("SELECT category FROM test_table GROUP BY category");
while($testing = mysql_fetch_array($test)){
echo "<option value=".$testing["category"].">".$testing["category"]."</option>";
}
?>
</select>
<select name="model">
<?php $test2 = mysql_query("SELECT model FROM test_table WHERE model = 'TRYING TO COMPARE WITH THE VALUE WITH THE FIRST SELECT' GROUP BY model");
while($testing2 = mysql_fetch_array($test2)){
echo "<option value=".$testing2["model"].">".$testing2["model"]."</option>";
</select>
</form>

好吧，这只是一个想法，与真实的想法不同，但它是一个非常接近的例子。

抱歉我的拼写很奇怪
感谢您的帮助！

Answer 1

<form method="post">
    <select name="category" onchange="javascript:getDroupDownValues(this.value);">
    <?php $test = mysql_query("SELECT category FROM test_table GROUP BY category");?>
    <?php while($testing = mysql_fetch_array($test)):?>
        <option value="<?php echo $testing["category"];?>"><?php echo $testing["category"];?></option>
    <?php endwhile;?>
    </select>
    <div id="model-category">

    </div>
</form>
<script type="text/javascript">
function getDroupDownValues(value)
{

    jQuery.ajax({
        dataType: "html",
        type: "POST",
        evalScripts: true,
        url: 'your ajax url', // example your site url /ajax.php
        data: ({category:value}),
        success: function(data, textStatus) {            
            jQuery("#model-category").html(data);
        }
    });    
}
</script>

现在在 ajax.php 脚本中

<?php if(isset($_REQUEST['category']) && $_REQUEST['category']):?>
    <select name="model">
    <?php $test2 = mysql_query("SELECT model FROM test_table WHERE model = '{$_REQUEST['category']}' GROUP BY model");?>
    <?php while($testing2 = mysql_fetch_array($test2)):?>
        <option value="<?php echo $testing2["model"];?>"><?php echo $testing2["model"];?></option>
    <?php endwhile;?> 
  </select>    
<?php endif;?>

提交前获取 select 信息

Get select information before submitting

ajax

select

live