Question

我正在制作chrome扩展程序/应用程序的创建者，并且有一个下拉菜单，您可以通过该菜单选择自己制作的chrome扩展程序或应用程序。基于此，它使内部html发生更改。唯一的问题是，innerHTML可能不希望接受属性，这可能是由于引号引起的。我可以使onchange下拉列表清楚其余部分，并创建许多元素和脚本，但是脚本部分可行吗？我想我可以使它显示/隐藏div，但是有没有办法使用简单 /没有jQuery？我只是想让它看起来像this start和end的图像。这是我无法使用的代码

<!DOCTYPE html>
<html>
<body>
  <h1>Google extension/app maker</h1>
  <form>
    Type:
    <select id="type" onchange="selectType()">
      <option value="1">Extension</option>
      <option value="2">App</option>
    </select>
    <p id="inputs"></p>
  </form>
  <script>
    function selectType() {
      var typevalue = document.getElementById("type").value;
      if (typevalue == 1) {
        document.getElementById("inputs").innerHTML = "Extension name: <input id=" + name + "> Version: <input id=" + version + "> ";
      } else {
        document.getElementById("inputs").innerHTML = "bye";
      }
    }
  </script>
</body>
</html>

感谢所有帮助！

Answer 1

您必须转义属性值的双引号。

document.getElementById("inputs").innerHTML = "Extension name: <input id=\"name\"> Version: <input id=\"version\"> ";

有没有一种方法可以将属性放在innerHTML中？或基于没有jQuery的下拉列表切换div？

1 个答案: