Javascript 在弹出窗口中使用本地存储数据_Javascript_Jquery_Google Chrome Extension

Javascript 在弹出窗口中使用本地存储数据

javascript jquery google-chrome-extension

Javascript 在弹出窗口中使用本地存储数据,javascript,jquery,google-chrome-extension,Javascript,Jquery,Google Chrome Extension,我有一个chrome扩展，在弹出窗口中有一个输入字段和两个按钮。当用户第一次单击时，第一个按钮处于活动状态，第二个按钮处于禁用状态用户输入值并单击按钮1后，按钮1变为禁用状态，按钮2变为激活状态，按钮1的值从lock val变为用户输入的文本。我正在本地存储中存储输入的值下次用户单击扩展时，我希望按钮2处于活动状态，按钮1处于禁用状态我正在做一个存储准备，但这似乎并不能解决这个问题 popup.html <body> <label for="sel1">E

我有一个chrome扩展，在弹出窗口中有一个输入字段和两个按钮。当用户第一次单击时，第一个按钮处于活动状态，第二个按钮处于禁用状态

用户输入值并单击按钮1后，按钮1变为禁用状态，按钮2变为激活状态，按钮1的值从lock val变为用户输入的文本。我正在本地存储中存储输入的值

下次用户单击扩展时，我希望按钮2处于活动状态，按钮1处于禁用状态

我正在做一个存储准备，但这似乎并不能解决这个问题

popup.html

<body>
    <label for="sel1">Enter Name:</label>
    <input type="text" class="form-control" id="Id1" placeholder="Enter Name">
    <button class="btn btn-primary btn-block" id ='btn1'> LOCK Name </button>
    <button class="btn btn-danger btn-block" id='btn2'> Add in CRM </button>
    <script src="jquery-3.1.1.min.js"></script>
    <script src="popup.js"></script>
  </body>

看起来您正在设置

id

，但是在这里添加代码时遇到了

mid

@ChrisG-很抱歉，这是一个输入错误。请单击

，然后添加HTML和jQuery以创建一个您认为

{id1:id2}

创建的内容？你是说

{[id1]：id2}

？

$(document).ready(function() {
    chrome.storage.local.get('id',function(res1){
      var IdFound = res1;
      if(!IdFound) {
        $('#btn2').prop('disabled',true);
      } else {
        $('#btn2').prop('disabled',false)
      }

      });

    $('#btn1').on('click',function() {
          var id1 = 'id';
          var id2 = $('#Id1').val();
          chrome.storage.local.set({id1:id2});
          $('#btn1').prop('disabled',true).html(id2);
          $('#btn2').prop('disabled',false);   
      });


    $('#btn2').on('click',function(){
          chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {id3: "true"}, function(response) {
              console.log(response.farewell);
            });
          })
      });


});