推薦使用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

鮑勃，那麼，你可以在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> 

希望有所幫助！