php - 当其他选择列表更改时如何更改选择列表选项？

Question

我的 html 中有两个选择列表，并且都有保存在数据库中的值，我想知道当用户使用 jquery 更改选择 1 时如何更改选择列表 2 中的值？

我正在尝试在codeigniter中做这些事情，所以请帮助我，我之前使用jquery做过这些事情，但这是通过将值传递给jquery的加载函数在简单的php中，但这在codeigniter中不起作用，任何人请帮我

谢谢，

沙鲁克

Answer 1

例如说你有这个下拉

   <select id="select_1">
       <option value="">Select</option>
       <option value="1">1</option>
       <option value="2">2</option>
   </select>

   <select id="select_2">
       <option value="">Select</option>
   </select>

在更改 select_1 下拉列表时，您应该获取值并对控制器函数执行 AJAX 请求，这将返回 select_2 的选项，而不是简单地将 select_2 的 html 替换为脚本返回的响应

                $('#select_1').change(function(){
                    var id = $(this).val();
                    $.ajax({
                            type: "POST",
                            url: base_url+'controller/action/',
                            data: 'id='+id,
                            success: function(html){
                                $('#select_2').html(html);
                            }
                       });
                });

对于 codeignitor，使用 ajax 请求的 url 参数中的 base_url。您可以为 base_url 定义一个CDATA变量，您可以在 ajax 请求中使用该变量，您可以在 header.php 文件中定义它。

                <script type="text/javascript">
                   //<![CDATA[
                        base_url = '<?php echo base_url();?>';
                   //]]>
                </script>

Answer 2

好的，我已经完成了，使用 jQuery

 <script type="text/javascript">
  $(document).ready(function()
    {
    $("#slect_1").change(function() 
        {
         id = $("#select_1").val();
         $("#select_2").load("<?php echo site_url('class/method'); ?>/"+id);
    });
      });
  </script>

谢谢，

沙鲁克