Question

我有一个chrome扩展名，其中我有一个输入字段和弹出窗口中的2个按钮。当用户第一次点击它时，第一个按钮处于活动状态，第二个按钮被禁用。

一旦用户输入值并点击按钮1，按钮1变为禁用，按钮2变为活动状态，按钮1的值从锁定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>

popup.js

$(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);
            });
          })
      });


});

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

0 个答案: