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

Question

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

1.大米2.食用油

选择框显示数据库中的确切值，但不显示带空格的值

下面是我的代码var html_code = ''+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>

Answer 1

尝试使用以下代码:

<?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;?>