Question

我无法使用javaScript填充下拉表。它没有显示任何元素。

我找不到任何错误。如果有人可以帮助我，请。

<body> 
<h1>lalal</h1>
<form>
    <select id="wineType"></select>
</form>

<script>
    // Populate ddl
    var wineType = document.querySelector('#wineType');
    var types = ['White', 'Red'];

    types.forEach(element => {
        option.textContent = element;
        option.value = element;
        wineType.appendChild(option);
    });
</script>

Answer 1

您需要先创建option元素，然后才能在其上添加其他属性。

 var option = document.createElement("option");

＆＃13;

var wineType = document.querySelector('#wineType');
    var types = ['White', 'Red'];
   
    types.forEach(element => {
     var option = document.createElement("option");
        option.textContent = element;
        option.value = element;
        wineType.appendChild(option);
    });

＆＃13;

<h1>lalal</h1>
<form>
    <select id="wineType"></select>
</form>

＆＃13;

对于每个初学者，你应该在对这些问题感到生气之前检查你的控制台。

无法在js上填充ddl

1 个答案: