Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/280.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php jQuery:基于第一个下拉列表的值从数组中删除第二个下拉列表_Php_Jquery_Drop Down Menu - Fatal编程技术网

Php jQuery:基于第一个下拉列表的值从数组中删除第二个下拉列表

Php jQuery:基于第一个下拉列表的值从数组中删除第二个下拉列表,php,jquery,drop-down-menu,Php,Jquery,Drop Down Menu,问题:我有两个下拉框。使用jQuery,我想用现有代码填充选择第一个下拉框帮助时的第二个下拉框。我在下面的jQuery代码中标记了我需要帮助的区域,并解释了我希望在代码帮助中实现的目标 我意识到这是SO上的一个非常频繁的请求项,我看到很多评论说这可以用简单的JS来完成,但是由于页面上已经有其他jQuery元素在使用,而不是我自己编写的,为了简单起见,我想使用JQ 我对任何jQuery代码都是全新的,我已经研究了很多示例,但是由于我不熟悉JS或JQ编码约定,所以我在逻辑上迷失了方向,所以保持简单很

问题:我有两个下拉框。使用jQuery,我想用现有代码填充选择第一个下拉框帮助时的第二个下拉框。我在下面的jQuery代码中标记了我需要帮助的区域,并解释了我希望在代码帮助中实现的目标

我意识到这是SO上的一个非常频繁的请求项,我看到很多评论说这可以用简单的JS来完成,但是由于页面上已经有其他jQuery元素在使用,而不是我自己编写的,为了简单起见,我想使用JQ

我对任何jQuery代码都是全新的,我已经研究了很多示例,但是由于我不熟悉JS或JQ编码约定,所以我在逻辑上迷失了方向,所以保持简单很重要,这样我就可以了解代码中发生了什么我不只是在寻求帮助让代码正常工作,但也让我能够了解和理解正在发生的事情

除了下面的代码帮助中通过以下教程解释的一个要点外,我几乎完全找到了我想要实现的操作:。显示操作的示例页面如下所示:

代码帮助:在本教程中,第二个下拉列表是从静态html文件的内容填充的:$article.load'select-box-'+categoryName+'.html'; 我需要根据第一个下拉列表中选择的值,从JS变量$st_列表和PHP变量$student_块填充第二个下拉列表,如下面的代码所示

有谁能帮我修改代码以实现这一点

多谢各位

我的代码: 为简单起见,第一个下拉列表是静态的,带有简单的整数值,但将从工作代码中的DB in$test_seq填充,如果有必要,将使用与下面示例代码相同的整数值。此外,在稍后的单独PHP过程中,$test_seq、$student_id和其他新变量将用于将数据发送回数据库,该数据库仅供参考,但与此请求无关

select-box.php

表格:

jQuery:


我猜您在单击“下一步”后会看到一个选定的选项,这是真的吗?如果是这样的话,我会给出一个答案,告诉你如何用javascript中的回音通过php进行迭代
$sql = "SELECT * FROM TBL_NAME";
$result = mysql_query($sql) or die(mysql_error());
while($row = mysql_fetch_array( $result ))
{
  $test_seq = $row['SEQ'];
  $student_id = $row['st_num'];
  $student_name = $row['st_name'];
  $student_block .= '<OPTION value="'.$student_id.'">'.$student_id.' - '.$student_name.'</OPTION>';
}     
<form action="select-boxes.php">
<label for="test_day">Test day:</label>
   <select name="test_day" id="test_day">
    <option selected value="">&nbsp;</option>
    <option value="1">Day 1</option>
    <option value="2">Day 2</option>
    <option value="3">Day 3</option>
   </select>
<input type="submit" id="next" value="next &raquo;" />
</form>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
  $(document).ready(function () {
    var $test_day = $('#test_day'),
    $st_list = null;
    $test_day.change(function () {
      var test_dayVal = $test_day.val();
      if ($st_list == null) {
        $st_list = $('<select name="st_name" id="st_name"><?php echo $student_block; ?></select>').appendTo('form');
        $next.remove();
        $('form').append('<input type="submit" value="process &raquo;" />');
      }

      $st_list.load('#test_dayVal'); //<--I think this is where I need help.. What do I do here?

    });

    var $next = $('#next');

    $next[0].setAttribute('type', 'button');
  });
</script>