크롬 확장자에서 사용자 입력을 얻는 가장 좋은 방법은 무엇입니까?

Question

Chrome 확장 프로그램에 설정 페이지가 있으며 사용자 입력을 얻는 데 권장되는 ("최상의") 방법이 무엇인지 궁금합니다. 필자의 경우, 버튼과 함께 콤보 선택 세트를 제시해야합니다. 버튼을 클릭하면 javascript 함수가 실행되어야합니다. 내 이해는 내가 사용하는 경우, 이것은 원하지 않는 요청을 게시 할 것입니다 (페이지가 다시로드되게합니다 : & 새로 고침). 나는이 모든 것이 클라이언트 측이되기를 바랍니다. 여기에 제가 지금까지 가지고있는 것이 있습니다 (아래). 어떻게 바꿀 수 있습니까? 미리 감사드립니다.

<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

밥, 자바 스크립트로 모든 것을 할 수 있습니다. 그리고 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.