我正在使用 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'
- 如<option selected>
动态输出selected
的代码需要从<dd>
移动到<option>
。
【参考方案1】:
selected
属性只需要存在于您的<option>
元素上;它不需要有值。要不选择 <option>
,只需不包含该属性
【讨论】:
如果你检查我添加的图像,它会充分解释它。我的所有类别都被选中。我只想查看在我的 mysql 数据库中添加的类别。 我试过这个 :: 和这个 :: 代码$productcatcek['pcat_id']==$productcatcek['pcat_id'] ? 'selected=""' : ''
总是会返回true
,因为你将字符串与它自身进行比较,所以selected
属性总是会出现以上是关于我正在使用 selectpicker 我想编辑来自数据库的数据,但所有选项都已被选中的主要内容,如果未能解决你的问题,请参考以下文章
当我尝试使用 vue js 显示 JSON 数据时,Selectpicker 不起作用?
Selectpicker 选择了第一个选项,但 selectpicker 标题是“未选择”
如何使用 bootstrap 中的 selectpicker 插件在选择时设置选定值
.selectpicker('refresh') 不刷新 algolia 上的引导选择自动完成