如何在其他选择列表更改时更改选择列表选项 - how to change a select list option when other select list changed?

how to change a select list option when other select list changed?

本文关键字：列表选择选项其他 | 更新日期: 2023-09-26

我有两个选择列表在我的html和都有保存在数据库中的值，我想知道如何改变值在选择列表2时选择1是由用户使用jquery改变?

我试图做这些事情在编码器，所以请帮助我，我已经做了这些事情使用jquery之前但那是在简单的php通过传递值jquery的加载函数，但这是不工作在编码器，谁请帮助我

谢谢,

比如说你有一个下拉菜单

   <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>

好了，我用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>

谢谢,

沙鲁克