如何將數據放入選擇選項？

Question

我在選擇選項中使用標簽輸入

<select multiple name="coupon[]" data-role="tagsinput" id="coupon" placeholder="Ketik Disini">
   <option></option>
</select>

當我放入條形碼數量時，然后單擊生成。它將顯示與條形碼數量一樣多的條形碼，但是我只能在元素p顯示它。 我希望如果單擊生成，條形碼將顯示為左圖。 但是我沒有得到想要的東西。

<a href="#" class="btn btn-primary" onclick="generate()">Generate Barcode Automatically</a>

這是我的javascript：

function generate(){
    var total = document.getElementsByClassName('number')[0].value;
    var code = "";
    for(i = 0; i < total; i++){
        var generate = Math.floor(1000 + Math.random() * 9000) + '-' + Math.floor(1000 + Math.random() * 9000) + '-' + Math.floor(1000 + Math.random() * 9000) + '-' + Math.floor(1000 + Math.random() * 9000);
        code += generate + '</br>';
    }
    document.getElementById('isi').innerHTML = code;
    var opt = document.createElement('option');
    opt.setAttribute('value', code);
    opt.setAttribute('selected', 'selected');
    document.getElementById('coupon').appendChild(opt);
}

Answer 1

加

opt.innerHTML = code;

下

opt.setAttribute('selected', 'selected');

現在，您僅設置值，而不是顯示方式。

同時刪除</br> 。 否則它將顯示在value屬性中，如下所示：

<option value="4008-1283-2298-5703</br>" selected="selected">4008-1283-2298-5703<br></option>