【问题标题】:Set Drop Down Value Based on Query String根据查询字符串设置下拉值
【发布时间】:2018-05-04 15:13:54
【问题描述】:

我正在使用 Bootstrap 4 和 CodeIgniter 3。

我的页面显示一个简单的下拉组,其中包含各种可用选项。默认值为“请选择”。我想根据 URL 查询字符串设置下拉列表的值。

我的 HTML 是;

<div class="input-group">
 <div class="input-group-prepend">
    <a href="#" class="btn dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Please Select</a>
    <div class="dropdown-menu">
        <a href="#" class="dropdown-item" value="1">Apple</a>
        <a href="#" class="dropdown-item" value="2">Orange</a>
        <a href="#" class="dropdown-item" value="3">Pear</a>
        <a href="#" class="dropdown-item" value="4">Blue</a>
        <a href="#" class="dropdown-item" value="5">Yellow</a>
    </div>
 </div>
</div>

我的查询字符串是;

www.example.com/search/results?coll_id=3

因此,如果 coll_id=3 在 URL 中,我希望在页面加载的下拉列表中选择值 Pear

我需要在某处设置$this-&gt;input-&gt;get(coll_id)吗?

感谢任何帮助。

【问题讨论】:

    标签: php html codeigniter bootstrap-4 query-string


    【解决方案1】:

    在您的控制器方法中,在$this-&gt;load-&gt;view(...); 之前添加以下行。

    $data['coll_id'] = $this->input->get('coll_id');
    

    您可以使用 PHP 三元运算符 ?: 和引导程序的 active 类来设置选定项。

    查看代码:

    <div class="input-group">
     <div class="input-group-prepend">
        <a href="#" class="btn dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Please Select</a>
        <div class="dropdown-menu">
            <a href="#" class="dropdown-item <?php echo ($coll_id == "1" ? 'active' : '');?>" value="1">Apple</a>
            <a href="#" class="dropdown-item <?php echo ($coll_id == "2" ? 'active' : '');?>" value="2">Orange</a>
            <a href="#" class="dropdown-item <?php echo ($coll_id == "3" ? 'active' : '');?>" value="3">Pear</a>
            <a href="#" class="dropdown-item <?php echo ($coll_id == "4" ? 'active' : '');?>" value="4">Blue</a>
            <a href="#" class="dropdown-item <?php echo ($coll_id == "5" ? 'active' : '');?>" value="5">Yellow</a>
        </div>
     </div>
    </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-09
      • 2023-04-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多