Javascript 选择框无法获取带有空格的选项值

我有一个从数据库中获取值的选择框。数据库中的选项有：

1.米饭 2.食用油

选择框显示数据库中的精确值，但不显示具有间距的值

下面是我的代码 var html_代码=+i+

<?php while($row =mysqli_fetch_array($result)):; ?>
var op_val = "<?php echo $row['ITEM_NAME'];?>";
 var opt_id = "<?php echo $row['ITEM_NAME'];?>";
 options += "<option value ="+opt_id+">"+op_val+"</option>";
 <?php endwhile;?>

 html_code += "<td><select onchange='check_duplicate()' class='form-control border-input' id='id' name='id[]' required><option value=''> -- Select Item --</option> "+options+" </select></td>";

当我查看HTML时，它会显示出来

<option value="Cooking" oil="">Cooking Oil</option>

请尝试以下代码：

<?php while($row =mysqli_fetch_array($result)):; ?>
var op_val = "<?php echo $row['ITEM_NAME'];?>";
 var opt_id = "<?php echo $row['ITEM_NAME'];?>";
 options += "<option value ='"+opt_id+"'>"+op_val+"</option>";
 <?php endwhile;?>

请尝试以下代码：

<?php while($row =mysqli_fetch_array($result)):; ?>
var op_val = "<?php echo $row['ITEM_NAME'];?>";
 var opt_id = "<?php echo $row['ITEM_NAME'];?>";
 options += "<option value ='"+opt_id+"'>"+op_val+"</option>";
 <?php endwhile;?>

---

只要把值从option value=+opt_id+放到option value='+opt_id+'的引号中就可以了，实际上在当前代码中，空格被视为下一个属性

只要把值从option value=+opt_id+放到option value='+opt_id+'的引号中就可以了，实际上在当前代码中，空格被视为下一个属性