javascript - HTML标签导致我的html文档溢出

Question

我有一个 datalist 标签，它使用选项标签保存一些数据。但是，数据真的很长，选项导致我的页面出现高度问题。请帮忙。

代码

<div class="col-md-3">
                                    <label class="definer" for="currency"  style="height: 125px;" >
                                        Which currency would you like to see flight ticket prices in? 
                                    </label>
                                        <input type="search" list="currency" class="f_input"
                                        placeholder="Please select a currency" id="currencyInput" style="text-transform: uppercase;">
                                    <datalist id="currency" class="f_input">
            
                                        
                                    </datalist>
</div>

JAVASCRIPT代码

xhrCurrencyCodes.addEventListener("readystatechange", function () {
      if (this.readyState === this.DONE) {

            var currencyObj = JSON.parse(this.responseText)
            console.log(currencyObj);

            for (let i = 0; i < currencyObj.Currencies.length; i++) {

                  var myCurrency = document.createElement('option')
                  var myCurrencyList = document.getElementById('currency')

                  myCurrency.value = currencyObj.Currencies[i].Code + " (" + currencyObj.Currencies[i].Symbol + ")"
                  myCurrencyList.append(myCurrency)


                

            }

标签： javascripthtmlcssoptiondatalist