fastadmin在页面添加JS代码的方法

admin

在add.html中添加js代码，代码位置：

1. add: function () {
   
2.             Controller.api.bindevent();
   
3.             $("#c-option").on('change', function(){
   
4.                 let selectedTotal = $(this).find("option:selected").data('total');
   
5.                 console.log("循环 value =", selectedTotal);
   
6.                 $('#c-total').val(selectedTotal);
   
7.             });
   
8.         },

复制代码

在add.html中写代码如下：

1. {if $product.multiplejson}
   
2.     <div class="form-group">
   
3.         <label class="control-label col-xs-12 col-sm-2">{:__('Option')}:</label>
   
4.         <div class="col-xs-12 col-sm-8">
   
5.             <select id="c-option" data-rule="required" class="form-control" name="row[option]">
   
6.                 <option value="">请选择规格</option>
   
7.                 {foreach name="options" item="vo" key="index"}
   
8.                 <option value="{$index}" data-total="{$vo.total}">{$vo.name}-￥{$vo.price}（授权数量：{$vo.total}个域名）</option>
   
9.                 {/foreach}
   
10.             </select>
    
11.             <span class="help-block">请选择产品规格</span>
    
12.         </div>
    
13.     </div>
    
14.     {else}
    
15.     <input id="c-option" class="form-control" name="row[option]" type="hidden" value="" readonly="true">
    
16.     {/if}

复制代码

完结。