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

鲍勃，好吧，你可以用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>

希望有所帮助！

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

1 个答案: