Wie setze ich Daten in ausgewählte Option?

Question

Ich verwende tagsinput in meinem wählen Sie die Option

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

Wenn ich Barcode Menge setzen, und dann generieren ich auf .. es wird der Barcode so viele wie die Barcode-Menge zeigen, aber ich kann es nur zeigen, im Element . Ich möchte, dass, wenn ich auf generieren klicken, der Barcode wie das linke Bild angezeigt wird. Aber ich bin nicht so geworden, wie ich will.

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

Das ist mein 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

hinzufügen

opt.innerHTML = code; 

unter

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

Gerade jetzt sind Sie nur den Wert, und nicht, wie es angezeigt wird .

Entfernen Sie auch die </br>. Sonst wird es wie so im Wert Attribut angezeigt:

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