Javascript 动态生成选择字段时未捕获SyntaxError

我的append函数有问题。我试图通过使用数据库中的值来显示select选项中的图像，这很好，但是用户可以通过使用append函数生成select选项来动态添加更多选项，但是我得到了这个错误

未捕获的语法错误：参数列表后缺少

下面是工作正常的代码

<select data-show-subtext="true" class=" selectpicker bs-select form- 
  control" data-live-search="true" data-size="8" name="city">    
   <option value=""></option>    
   <?php foreach($get_drawing as $row):  $image=$row->image;  ?> 
   <option data-subtext="<img width='28%' height='90%''  src='<?=base_url("drawing/fabricator/admin_3/".$row->image);?>'>"  
value="<?php echo $row->drawing_id; ?>"  >
 <?php echo $row->drawing_name;?> 
</option>

据我所知，问题出在这一行，但我不知道如何更正append函数中的代码，因为如果我更改它，它将不起作用

  data-subtext="<img width='28%' height='90%''  src='<?=base_url("drawing/fabricator/admin_3/".$row->image);?>'>"  

提前谢谢

    $('#add').click(function(){
    j++;
    $('#dynamic_field').append('<div id="row"'+j+'" class="row" style="margin-bottom:15px;"><hr><div class=col-sm-1 form-group-sm" style="margin-top:25px; margin-bottom:10px;"><button type="button" name="remove" id="'+j+'" class="btn btn-danger btn_remove"> <i class="fa fa-close"></i></button></div><div class="col-sm-2  form-group-sm"> <label class="control-label">Drawing</label>   <select data-show-subtext="true" class=" selectpicker bs-select form-control" data-live-search="true" data-size="8" name="city"><option value=""></option><?php  foreach($get_drawing as $row):  ?><option data-subtext="<img width="28%" height="90%"  src="'<?=base_url('drawing/fabricator/admin_3/'.$row->image);?>'">" value="<?php echo $row->drawing_id; ?>"  ><?php echo $row->drawing_name;?>  </option><?php endforeach; ?></select></div><div class="col-sm-1 form-group-sm"><label class="control-label">Type</label><input type="text" placeholder="Bed Front" class="form-control sm" name="type" value="22"/> </div><div class="col-sm-2 form-group-sm"><label class="control-label">Profile Series</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="pf"/> </div><div class="col-sm-2 form-group-sm"><label class="control-label">Location</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="location"/></div><div class="col-sm-1 form-group-sm"><label class="control-label">Width</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="width"/> </div><div class="col-md-1 form-group-sm"><label class="control-label">Height</label> <input type="text" placeholder="Bed Front" class="form-control" value="22" name="height"/> </div> <div class="col-md-1 form-group-sm"><label class="control-label">Quantity</label> <input type="text" placeholder="Bed Front" class="form-control" value="22" name="quantity"/> </div><div class="col-md-1 form-group-sm"> <label class="control-label">Fixed</label> <input type="text" placeholder="Height" class="form-control" value="" name="fixed_height"/><br><input type="text" placeholder="Height" class="form-control" value="" name="fixed_width"/></div></div>');
        $('.selectpicker').selectpicker('render');          
        });

将您的append函数替换到此函数。您放错了单引号，这会破坏字符串。

尝试以下操作：

$('#dynamic_field').append('<hr><div class="col-sm-1 form-group-sm" style="margin-top:25px; margin-bottom:10px;"><button type="button" name="remove" id="' + j + '" class="btn btn-danger btn_remove"> <i class="fa fa-close"></i></button></div><div class="col-sm-2 form-group-sm"> <label class="control-label">Drawing</label><select data-show-subtext="true" class="selectpicker bs-select form-control" data-live-search="true" data-size="8" name="city"><option value=""></option><?php foreach ($get_drawing as $row): ?><option data-subtext="<img width="28%" height="90%" src="<?= base_url("drawing/fabricator/admin_3/" . $row->image); ?>">" value="<?php echo $row->drawing_id; ?>"><?php echo $row->drawing_name; ?></option><?php endforeach; ?></select></div><div class="col-sm-1 form-group-sm"><label class="control-label">Type</label><input type="text" placeholder="Bed Front" class="form-control" name="type" value="22"/></div><div class="col-sm-2 form-group-sm"><label class="control-label">Profile Series</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="pf"/></div><div class="col-sm-2 form-group-sm"><label class="control-label">Location</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="location"/></div><div class="col-sm-1 form-group-sm"><label class="control-label">Width</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="width"/></div><div class="col-md-1 form-group-sm"><label class="control-label">Height</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="height"/></div><div class="col-md-1 form-group-sm"><label class="control-label">Quantity</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="quantity"/></div><div class="col-md-1 form-group-sm"> <label class="control-label">Fixed</label><input type="text" placeholder="Height" class="form-control" value="" name="fixed_height"/><br><input type="text" placeholder="Height" class="form-control" value="" name="fixed_width"/></div></div>');

---

您的代码极难阅读，可能需要将其分成多个部分。

您的append中有多个。这可能会给你带来问题，比如width='28%'纠正了这个问题，但问题仍然存在。你有太多的打字错误，很难统计，在类名中的任何地方都漏掉了'和空格，而它们不应该漏掉。检查代码。在append>image；？>'>伙计，我复制并粘贴了你的代码，但仍然没有得到语法错误：参数列表后缺失，但当我删除数据子文本=错误消失请帮助我设置数据子文本的语法=仍然没有成功兄弟

$('#dynamic_field').append('<hr><div class="col-sm-1 form-group-sm" style="margin-top:25px; margin-bottom:10px;"><button type="button" name="remove" id="' + j + '" class="btn btn-danger btn_remove"> <i class="fa fa-close"></i></button></div><div class="col-sm-2 form-group-sm"> <label class="control-label">Drawing</label><select data-show-subtext="true" class="selectpicker bs-select form-control" data-live-search="true" data-size="8" name="city"><option value=""></option><?php foreach ($get_drawing as $row): ?><option data-subtext="<img width="28%" height="90%" src="<?= base_url("drawing/fabricator/admin_3/" . $row->image); ?>">" value="<?php echo $row->drawing_id; ?>"><?php echo $row->drawing_name; ?></option><?php endforeach; ?></select></div><div class="col-sm-1 form-group-sm"><label class="control-label">Type</label><input type="text" placeholder="Bed Front" class="form-control" name="type" value="22"/></div><div class="col-sm-2 form-group-sm"><label class="control-label">Profile Series</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="pf"/></div><div class="col-sm-2 form-group-sm"><label class="control-label">Location</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="location"/></div><div class="col-sm-1 form-group-sm"><label class="control-label">Width</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="width"/></div><div class="col-md-1 form-group-sm"><label class="control-label">Height</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="height"/></div><div class="col-md-1 form-group-sm"><label class="control-label">Quantity</label><input type="text" placeholder="Bed Front" class="form-control" value="22" name="quantity"/></div><div class="col-md-1 form-group-sm"> <label class="control-label">Fixed</label><input type="text" placeholder="Height" class="form-control" value="" name="fixed_height"/><br><input type="text" placeholder="Height" class="form-control" value="" name="fixed_width"/></div></div>');