我在浏览器中看不到我选择的值

Question

我做了一个选择，其中的选项是通过 JavaScript 函数从 JSON 文件中获取的。

问题是我的列表可见，但文本不可见，我有一个空白区域，当我单击它时，该值已注册，但您看不到它是哪一个。这是 JSON 代码的一部分：

[{"id":"id_App","nom":"name_App"},
{"id":"id_App","nom":"name_App"}]

html：

<label for="appli">APPLICATIONS</label>
        <select id="appli" name="appli" >
            <option value="default" hidden>--Veuillez selectionner une application--</option>
        </select>

和 JavaScript：

function populateApp() {
    fetch('./json.json')
    .then((response) → response.json())
    .then((json) → {
    const appli = document.getElementById('appli');

    json.forEach((app) → {
      const option = document.createElement('option');
      option.value = app.id;
      option.textContent = app.name;
      appli.appendChild(option);
    });
 })
.catch((error) → {
console.error('Error fetching JSON:', error);
});
}

还有。

我该怎么做才能使其可见？

我尝试更改所选文本的颜色，但它已经是黑色的，所以我不知道该怎么办。

Answer 1

根据您给出的 JSON 示例，保存应用程序名称的属性名为 nom，而不是 name。

–CBroe