在选择选项中显示数据库中的数据时隐藏 id [重复]

Question

看上面的图片。 “2”是“fsdfs”的 id。我需要 id 在后端处理它。但在前端，我不想在该选择选项中显示 id。有没有办法让它成为现实？

这是我的正确代码：

<div class="col-xl-6 col-md-6 col-12 mb-1">
    <div class="form-group">
        <label for="supplier_id">Supplier</label>
        <select class="form-control" name="supplier_id">
            <?php
                $sql = mysqli_query($con, "SELECT * FROM supplier ORDER BY id ASC");
                while($supplier = mysqli_fetch_array($sql)){
             ?>
            <option value="<?php echo $supplier['id'].' - '.$supplier['name']; ?>"><?php echo $supplier['id'].' - '.$supplier['name']; ?></option>
            <?php } ?>
        </select>
    </div>
</div>

Answer 1

使用$supplier['id']作为value（在提交表单时发送）和$supplier['name']作为你<option>的文本内容：

<div class="col-xl-6 col-md-6 col-12 mb-1">
    <div class="form-group">
        <label for="supplier_id">Supplier</label>
        <select class="form-control" name="supplier_id" id="supplier_id">
            <?php
                $sql = mysqli_query($con, "SELECT * FROM supplier ORDER BY id ASC");
                while($supplier = mysqli_fetch_array($sql)){
             ?>
            <option value="<?php echo $supplier['id']; ?>"><?php echo $supplier['name']; ?></option>
            <?php } ?>
        </select>
    </div>
</div>

更多关于<option>：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

旁注：<label> 元素的for 属性应指向相关<input> 的id 属性。我将id="supplier_id" 添加到您的<select> 以使其有效。