在 chrome 扩展中获取用户输入的推荐方法？

Question

我的 Chrome 扩展程序中有一个设置页面，我想知道获取用户输入的推荐（“最佳”）方式是什么。在我的特殊情况下，我需要提供一组组合选项以及一个按钮。单击按钮时，应执行 javascript 函数。我的理解是，如果我使用 a ，这将发布一个我不想要的请求（它会导致页面闪烁并重新加载）。我希望所有这些都是客户端。这是我到目前为止所拥有的（下）。这怎么能改变？提前致谢。

<form>
    <input type="radio" name="format" value="format1"/>(xxx) xxx-xxxx<br/>
    <input type="radio" name="format" value="format2"/>xxx-xxx-xxxx<br/>
    <input type="radio" name="format" value="format3"/>xxx.xxx.xxxx<br/>
    <input type="submit" value="Convert"/>
</form>

Answer 1

Bob，你可以用 JavaScript 做任何事情。由于这是一个 Chrome 扩展程序，请随意使用 HTML5。

<section>
  <input type="radio" name="format" value="format1"/>(xxx) xxx-xxxx<br/>
  <input type="radio" name="format" value="format2"/>xxx-xxx-xxxx<br/>
  <input type="radio" name="format" value="format3"/>xxx.xxx.xxxx<br/>
  <button id="btnConvert">Convert</button>
  <script>
  document.querySelector('#btnConvert').addEventListener('click', function(e) {
    var format = document.querySelector('input[type="radio"]:checked');
    alert( format.value);
  }, false);
  </script>
</section>

希望有帮助！