亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用 json 填充下拉列表(SyntaxError: Unexpected token

用 json 填充下拉列表(SyntaxError: Unexpected token

眼眸繁星 2022-05-26 11:11:58
我試圖用styleName我的 JSON 數據文件中的字段值簡單地填充一個下拉列表。例如,我的 json 數據如下所示:{"name":{"styleName":"name","fillType":"none","fillTrans":"0","outlineType":"solid","outlineWidth":"1","outlineColor":"#ff0000"}}  {"sarah":{"styleName":"sarah","fillTrans":"none","fillTrans":"0","outlineType":"solid","outlineWidth":"1","outlineColor":"#ff0000"}}//....下面是我的 JS。let dropdown = document.getElementById('tem');dropdown.length = 0;let defaultOption = document.createElement('option');defaultOption.text = 'Choose Template';dropdown.add(defaultOption);dropdown.selectedIndex = 0;const urld = '../../templates.json';fetch(urld)    .then(      function(response) {        if (response.status !== 200) {          console.warn('Looks like there was a problem. Status Code: ' +           response.status);          return;        }      // Examine the text in the response      response.json().then(function(data) {          let option;        console.log(data);        for (let i = 0; i < data.length; i++) {          option = document.createElement('option');          option.text = data[i].styleName;          //option.value = data[i].abbreviation;          dropdown.add(option);        }          });      }    )    .catch(function(err) {      console.error('Fetch Error -', err);    });盡管有響應,但我不斷收到此錯誤200,下拉列表仍然為空白.. 錯誤:Uncaught (in promise) SyntaxError: Unexpected token { in JSON at position xxxPromise.then (async)(anonymous) @ VM8493:22Promise.then (async)(anonymous) @ VM8493:13下拉標記就是這樣:                    <select id="tem" class='w150'>                    </select>
查看完整描述

1 回答

?
小唯快跑啊

TA貢獻1863條經驗 獲得超2個贊


 replace this option.text = data[i].styleName;

let keys=Object.keys(data[i])

    with option.text = data[i][keys[0]].styleName


查看完整回答
反對 回復 2022-05-26
  • 1 回答
  • 0 關注
  • 217 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號