Php 在为第一个选择框选择值之前,需要将链接的选择框全部显示出来

Php 在为第一个选择框选择值之前,需要将链接的选择框全部显示出来,php,jquery,select,chained,Php,Jquery,Select,Chained,我的链接选择框目前运行良好。第一个选择框是vehicle make或vmake,第二个框是vehicle model或vmodel。现在,页面加载时只会显示vmake选择框,只有在为vmake选择值后才会显示vmodel框。我的客户端希望在页面加载时显示vmodel和vmake选择框,即使在用户从vmake中进行选择之前,vmodel框将为空。听起来很傻,但客户真的希望这样 这是主页上的jquery代码 <script type="text/javascript">$(docume

我的链接选择框目前运行良好。第一个选择框是vehicle make或vmake,第二个框是vehicle model或vmodel。现在,页面加载时只会显示vmake选择框,只有在为vmake选择值后才会显示vmodel框。我的客户端希望在页面加载时显示vmodel和vmake选择框,即使在用户从vmake中进行选择之前,vmodel框将为空。听起来很傻,但客户真的希望这样

这是主页上的jquery代码

 <script type="text/javascript">$(document).ready(function() {
    $('#wait_1').hide();
    $('#vmake').change(function(){
      $('#wait_1').show();
      $('#result_1').hide();
      $.get("func.php", {
        func: "vmake",
        drop_var: $('#vmake').val()
      }, function(response){
        $('#result_1').fadeOut();
        setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
      });
        return false;
    });
});
function finishAjax(id, response) {  $('#wait_1').hide(); $('#'+id).html(unescape(response));
$('#'+id).fadeIn();
}
</script>
这是调用php页面的HTML

<select name="vmake" id="vmake">

  <option value="" selected="selected">Make</option>

  <?php getTierOne(); ?>

</select> 

<span id="wait_0">
</span>
<span id="result_1"></span>
这是调用我的数据库的getTierOne的php脚本

function getTierOne(){$result = mysql_query("SELECT DISTINCT vmake FROM vmake") 
or die(mysql_error());

  while($tier = mysql_fetch_array( $result )) 

    {
       echo '<option value="'.$tier['vmake'].'">'.$tier['vmake'].'</option>';
    }}
最后,这是php的其余部分

 if($_GET['func'] == "vmake" && isset($_GET['func']))
 {vmake($_GET['drop_var']); 
}
function vmake($drop_var)
{  
include_once('db.php');
    $result = mysql_query("SELECT * FROM vmake WHERE vmake='$drop_var'") 
    or die(mysql_error());

    echo '<select name="vmodel" id="vmodel" style="width:242">
          <option style="width:242" value=" " selected="selected">Model</option>';

           while($drop_2 = mysql_fetch_array( $result )) 
            {
              echo '<option style="width:242" value="'.$drop_2['vmodel'].'">'.$drop_2['vmodel'].'</option>';
            }

    echo '</select> ';}

我不知道我需要做什么更改才能在页面加载时显示vmodel框。谢谢你的建议,抱歉提了这么长的问题

我认为您的代码没有问题,您只需调用vmake函数,因为它将从那里回显vmodel,只是函数需要drop_var参数才能工作:那么,为了做到这一点,我将对代码进行哪些更改?我只是在学习,谢谢。在页面上为您的vModel创建一个下拉列表,可以在页面上看到。调用AJAX onchange of vModel,从响应中获取下拉选项,并将选项添加到vModel下拉列表中。如果我使用AJAX的想法,这是一个很好的想法,我将不得不重新调整整个工具。我只是想知道是否有一个简单的修复程序,或者我是否添加了一个在页面上可见的vModel,我将如何更改此代码以仅更新该代码,而不是在希望显示vmodel的零件上重复一个全新的vmodel调用vmake,并在其上包含一个默认vmake,否则就像@rookieat建议的那样创建一个全新的vmodel select元素
     A dropdown inside another dropdown? Is that posible?

    <select name="vmake" id="vmake">

        <option value="" selected="selected">Make</option>

           <?php getTierOne(); ?> //this function will output   

          "<select name="vmake" id="vmake">
          <option value="" selected="selected">Make</option>
         </select>"

     </select>