當從列表中選擇一個項目時選擇一個單選按鈕

-5

我有以下代碼。我在列表中有國家字段，在單選按鈕中有貨幣字段。我想要的是，當我選擇一個國家時，它會自動從單選按鈕中選擇貨幣。我有3種貨幣美元，歐元&英鎊，歐盟是歐元，英國是英鎊&，其餘的是美元。當從列表中選擇一個項目時選擇一個單選按鈕

請幫我....

<!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

這是所有的HTML。你有沒有嘗試過寫任何JS呢？ – Vemonus

是根據選項排列的無線電？ – youssouf

嘗試這個

//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

當從列表中選擇一個項目時選擇一個單選按鈕

回答

相關問題