请将这段json[ {"name": "产品质量问题", "value": "产品质量","description": "客户反映产品质量有问题,无法正常使用或有明显缺陷"}, {"name": "服务态度问题", "value": "服务态度","description": "客户投诉服务人员态度不友好或存在其他不专业问题"}, {"name": "交付时间问题", "value": "交付时间","description": "客户反馈交付时间不准确或延迟,影响下一步工作计划"} {"name": "其他", "value": "其他","description": "客户反馈的问题不属于以上三种类型"} ] 动态加入HTML的id为problem_category的option中
时间: 2023-05-26 13:02:21 浏览: 34
以下是示例代码:
```javascript
const problemCategories = [
{"name": "产品质量问题", "value": "产品质量", "description": "客户反映产品质量有问题,无法正常使用或有明显缺陷"},
{"name": "服务态度问题", "value": "服务态度", "description": "客户投诉服务人员态度不友好或存在其他不专业问题"},
{"name": "交付时间问题", "value": "交付时间", "description": "客户反馈交付时间不准确或延迟,影响下一步工作计划"},
{"name": "其他", "value": "其他", "description": "客户反馈的问题不属于以上三种类型"}
];
const selectElem = document.getElementById("problem_category");
problemCategories.forEach((category) => {
const optionElem = document.createElement("option");
optionElem.value = category.value;
optionElem.text = category.name;
selectElem.add(optionElem);
});
```
解释:
首先,将这段JSON数据转换为一个JavaScript数组,其中每个元素包含问题类型的名称、值和说明信息。然后,通过获取id为"problem_category"的HTML元素,我们可以找到要添加选项的选择框。
接下来,我们使用forEach函数迭代问题类别数组,为每个类别创建一个新的HTML选项元素,并将其值和文本设置为该类别的名称和值。最后,将新创建的选项元素添加到选择框中。
这样,就可以在HTML页面中动态创建选项,以便用户选择问题的类型。