在Chrome扩展程序中通过选项更改popup.html

时间:2015-11-19 10:44:21

标签: javascript html google-chrome google-chrome-extension

我对此很陌生。我需要更改Chrome扩展程序中显示的popup.html。 我有两个popup.htmls。我还需要保存用户选择的价值。

我的选项:

<html>
<head>
  <script src="options.js"></script>
</head>
<body>
 <label class="paylabel" for="cardtype">Theme:</label>
 <select id="cardtype" name="cards">
 <option value="selectcard">--- Please select ---</option>
 <option value="op1">first</option>
 <option value="op2">second</option>
 </select>

<input type="button" onclick="fun()" value="click here">
 </body>
 </html>

options.js:

   function fun()
  {
   var ddl = document.getElementById("cardtype");
   var selectedValue = ddl.options[ddl.selectedIndex].value;
   if (selectedValue == "op2")
  {
 chrome.browserAction.setPopup({
         popup: 'popup2.html'
     });
   }
  }

我的manifest.json:

{
"manifest_version": 2,

"name": "extension name",
"options_page": "options.html",
 ...
 }

这个问题并不重复,因为在我的问题中,我试图找出如何根据用户选择显示不同的popup.htmls。另一个问题是试图确定为什么onclick功能在chrome扩展中不起作用。

0 个答案:

没有答案