我正在使用 selectpicker 我想编辑来自数据库的数据,但所有选项都已被选中

Posted

技术标签:

【中文标题】我正在使用 selectpicker 我想编辑来自数据库的数据,但所有选项都已被选中【英文标题】:I am using selectpicker I want to edit the data coming from the database, but all options are coming already selected 【发布时间】:2021-07-22 13:19:08 【问题描述】:

all categories coming selected which i want to see only which information is coming from database. 对不起我的英语。

<div class="col-xs-4">
  <label>Categories</label>
    <!-- SEARCH JS find (selectpicker) -->
  <select name="product_cat" id="product_cat" class="form-control selectpicker" data-live-search="true" multiple>
    <?php 

    while($productcatcek=$productcatsor->fetch(PDO::FETCH_ASSOC)) 

    ?>
    
      <option selected="">
        <dl>
          <dt ><?php
          if ($productcatcek['pcat_id']==$productcatcek['pcat_id']) 
             echo $productcatcek['pcat_name'];
            
          ?> - </dt>
          <dd <?php echo $productcatcek['pcat_id']==$productcatcek['pcat_id'] ? 'selected=""' : '' ?>><?php echo $productcatcek['spcat_name']; ?></dd>
        </dl>
      </option>
    
  <?php  ?>
  </select>
  <!-- SEARCH Finish -->
</div>

解决方案

<option value="<?php echo $productcatcek['spcat_id']; ?>" <?php echo $productcatcek['spcat_id']==$productcek['product_cat'] ? 'selected=""' : '' ?>>
  <dl>
   <dt><?php echo $productcatcek['pcat_name']; ?> - </dt>
   <dd><?php echo $productcatcek['spcat_name']; ?></dd>
  </dl>
 </option>

【问题讨论】:

只是'selected' - 如&lt;option selected&gt; 动态输出selected的代码需要从&lt;dd&gt;移动到&lt;option&gt; 【参考方案1】:

selected 属性只需要存在于您的&lt;option&gt; 元素上;它不需要有值。要不选择 &lt;option&gt;,只需不包含该属性

【讨论】:

如果你检查我添加的图像,它会充分解释它。我的所有类别都被选中。我只想查看在我的 mysql 数据库中添加的类别。 我试过这个 :: 和这个 :: 代码$productcatcek['pcat_id']==$productcatcek['pcat_id'] ? 'selected=""' : '' 总是会返回true,因为你将字符串与它自身进行比较,所以selected 属性总是会出现

以上是关于我正在使用 selectpicker 我想编辑来自数据库的数据,但所有选项都已被选中的主要内容,如果未能解决你的问题,请参考以下文章

当我尝试使用 vue js 显示 JSON 数据时,Selectpicker 不起作用?

Selectpicker 选择了第一个选项,但 selectpicker 标题是“未选择”

如何使用 bootstrap 中的 selectpicker 插件在选择时设置选定值

.selectpicker('refresh') 不刷新 algolia 上的引导选择自动完成

使用切换后的jquery bootstrap selectpicker blur

TS2339:“JQuery<HTMLElement>”类型上不存在属性“selectpicker”