【问题标题】:get data in a select of related service in codeigniter and bootstrap在 codeigniter 和 bootstrap 的相关服务中获取数据
【发布时间】:2020-06-10 22:32:23
【问题描述】:

我使用 Codeigniter 和引导程序。

我有 2 个选择名称服务和子服务(两个值都在数组中),如下所示:

我想在第一次选择中选择服务,在这个选择的基础上得到相关的子服务...

arrayOfService 示例(服务 a、服务 b、服务 c)

的例子
arrayOfSubservice = (
    [0] => stdClass Object
        (
            [nome] => nomine ed incarichi RSPP
            [service] => a
        )

    [1] => stdClass Object
        (
            [nome] => DVR
            [service] => a
        )

    [2] => stdClass Object
        (
            [nome] => ART 36 Informazione
            [service] => b
        )

我的目标是如果可能的话,在第一个选择中选择“服务a”,在子服务中自动查看选择与“服务a”相关的子服务

【问题讨论】:

  • 也许你在这里找到答案:stackoverflow.com/questions/4480637/…
  • @Vickel 我的选择不是在 html 中而是在 php 中创建的
  • 我知道,这就是为什么我没有将您的问题标记为重复的原因,但是您从那里得到了如何实现它的想法,对吧?更改第一个 -> 填充第二个
  • @Vickel 我不知道 :(
  • 另一个提示:stackoverflow.com/questions/18526914/…。搜索通过从父下拉列表中选择值来填充下拉列表或类似

标签: javascript php codeigniter bootstrap-4 codeigniter-3


【解决方案1】:

由于子服务选择框是依赖的,您不能同时将这两个值传递给视图。我假设数据源是一个数据库表。因此,您可以通过传入服务 ID 对控制器进行异步调用。

请参考下面的代码,它可以给你一些想法来整合功能。

jQuery 代码

$(".your-first-selectbox-class").change(function(){
   var value = $.trim($(this).val());
   if(value != ""){
      $.ajax({
        url: base_url+"your_controller/get_value",  
        type:"POST",
        cache: false,               
        data:{id:value},
        success: function(respond){
            $(".get-change").html(respond);
        }
     });
   }
});

将数据发布到控制器方法后,您可以按如下方式检索子服务值。

function get_value(){
   $ido = $this->input->post('id');
   //here you will get the sub-services based on the service ID you are passing in
   $data = $this->your-model-name->get_records($ido);
   $option = "";

   //traverse through the resultset to create option string.
   foreach($$res as $row){
      $option .= "<option value='".$row->ID."'>".$row->name."</option>";
   }
   echo $option;
}

希望对你有帮助。

【讨论】:

  • 如果您觉得此答案有用,请接受并投票以帮助社区用户。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-09-02
  • 1970-01-01
  • 1970-01-01
  • 2018-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多