クロムエクステンションでユーザー入力を取得するための推奨方法はありますか？

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> 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.