如何将数据放入选择选项?

时间:2017-10-12 08:59:10

标签: javascript html

我在我的选择选项中使用tagsinput

<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);
}

1 个答案:

答案 0 :(得分:0)

添加

opt.innerHTML = code;

下方

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

现在您只设置值,而不是如何显示。

同时删除</br>。否则它将显示在value属性中,如下所示:

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