リストから項目を選択するときにラジオボタンを選択します

-5

次のコードがあります。ラジオボタンのリストに国のフィールドと通貨フィールドがあります。私が望むのは、国を選択すると、ラジオボタンから通貨が自動的に選択されるということです。私は3つの通貨US、EUR & GBPをEUに、それはEURになります。英国の為にはGBP &がUSDになります。リストから項目を選択するときにラジオボタンを選択します

<!DOCTYPE html> 
<html> 
<head> 
<title>Radio button and List Check</title></head> 
    <body> 
     <form class="form-horizontal" action="" method="post"> 
      <div class="form-group"> 
       <label class="col-sm-2 control-label">Country</label> 
       <div class="col-sm-10"> 
        <select class="form-control" id="country"> 
         <option value="">Please select Country</option> 
         <option value="US">US</option> 
         <option value="EU">EU</option> 
         <option value="UK">UK</option> 
         <option value="China">China</option> 
         <option value="India">India</option> 
         <option value="Korea">Korea</option> 
         <option value="Asia">Asia</option> 
         <option value="Russia">Russia</option> 
        </select> 
       </div> 
      </div> 

      <div class="form-group"> 
       <label class="col-sm-2 control-label">Currency</label> 
       <div class="col-sm-10"> 
        <label class="radio-inline"> 
         <input type="radio" name="optradio" >USD</label> 
        <label class="radio-inline"> 
         <input type="radio" name="optradio">EUR</label> 
        <label class="radio-inline"> 
         <input type="radio" name="optradio">GBP</label> 
       </div> 
      </div> 
     </form>     
    </body> 
</html>

出典

2016-11-30 shumonira

を試してみてください....私を助けてください。実際にJSを書いてみましたか？ – Vemonus

は、オプションに応じてラジオを注文していますか？ – youssouf

これは、すべてのHTMLでこの

//This solution requires you to order currencies accordingly to countries 

    var country = document.getElementById("country"); 
    var radios = document.querySelectorAll("[name='optradio']"); 
     country.onchange = function(){ 
      var si = this.selectedIndex; 

      for(var i = 0; i < radios.length; i++){ 
       radios[i].checked = (si === i); 
      } 
     }

出典

2016-11-30 23:16:27 youssouf

リストから項目を選択するときにラジオボタンを選択します

答えて

関連する問題