Question

我正在尝试使用存储API从我在Extention的html文件中的textarea中保存信息，但由于某种原因，来自textarea的数据不会保存。如果您在文本框中键入并单击“保存”，则会显示已保存，但如果您重新打开选项菜单，则它将为空白。任何人都可以帮助确定问题吗？

JavaScript文件：

// Saves options to chrome.storage.sync
function save_options() {
  var websites = document.getElementById('websites').value;
  chrome.storage.sync.set({'websites': websites}, function() {
    // Update status to let user know options were saved.
    var status = document.getElementById('status');
    status.textContent = 'Options saved.';
    setTimeout(function() {
      status.textContent = '';
    }, 750);
  });
}

// stored in chrome.storage.sync
function restore_options() {
  chrome.storage.sync.get('websites', function(items) {
    document.getElemntById('websites').value = items.websites;
  });
}

document.addEventListener('DOMContentLoaded', restore_options);

document.getElementById('save').addEventListener('click', save_options);

HTML文件：

<!DOCTYPE html>
<html>
<head>
  <title>Panic Button Options</title>
  <style>
    body: { padding: 10px; }
  </style>
</head>

<body>
<textarea id="websites" cols="112" rows="10"></textarea>

  <div id="status"></div>
  <button id="save">Save</button>

  <script src="options.js"></script>
</body>
</html>

无法使用JavaScript从textarea保存值

0 个答案: