드롭 다운 및 라디오 버튼 선택에 따라 2 개의 필드 값이 변경됨

Question

this website에있는 기능을 복제하려고합니다. 위에서 언급 한 '보호 계획 수립'버튼은 드롭 다운 및 선택한 라디오 버튼에서 선택된 여러 옵션과 관련하여 업데이트됩니다.

이제 '가격'과 '가격 -2'에 대해 2 개의 읽기 전용 입력란이있는 양식이 있으며 드롭 다운 옵션 및 라디오 버튼의 선택에 따라 해당 필드의 값을 업데이트해야합니다. 사용자가 기본적으로 업데이트해야하는 읽기 전용 입력 필드의 값은 선택된 드롭 다운 옵션과 라디오 버튼의 값을 추가합니다. 2 '이 양식에 따라서

<form action="#" method="post"> 

     <label>Last Name*</label> 

     <input type="text" name="lastname" value="" required="true"> 

       <select id="p1"> 
         <option value="1">$1</option> 
         <option value="2">$2</option> 
         <option value="3">$3</option> 
         <option value="4">$4</option> 
         <option value="5">$5</option> 
       </select> 

       <input id="p2" type="radio" name="price2" value="50">$50<br/> 
       <input id="p2" type="radio" name="price2" value="100">$100 

     <label>Price</label> 

     <input type="text" name="Price" readonly="readonly" value=""> 

      <input type="text" name="Price-2" readonly="readonly" value=""> 

      <input type="submit" value="Submit"> 
</form> 

내가 값 드롭 다운에서 두 번째 옵션을 선택하면됩니다 : 여기

은 내가 드롭 다운 및 라디오 버튼과 함께 만든 형태의 대략적인 예입니다 '값이'50 '인 첫 번째 라디오 버튼을 선택하면'Price '및'Price-2 '필드의 값을 자동으로'$ 52 '가되게하고 싶습니다. 나는 이것이 jQuery를 사용하여 달성 할 수 있다는 것을 알고 있지만, 나는 아직도 그것을 배우면서 어떻게되는지를 알 수 없다. 솔루션을 얻으려고 기대합니다. 감사. 당신이 JQuery을 사용하여 수행 할 수있는

Answer 1

, 여기

원하는 결과의 바이올린 Demo이다.