在付款中實施類似virtmart國家

Question

我想實施類似於國家/地區部分的付款方式，選擇該字段並在選擇部分生成下拉菜單。

我知道這是使用chosen.js，但我找不到教程，以及如何做到這一點。

任何幫助將不勝感激。

感謝

Answer 1

它是相對簡單的，你將需要兩個下拉框，一個用一系列的國家，以及其他我們將與這些國家（我想這貨幣填寫是你是什麼把目標放在？）。事情是這樣的：

HTML：

<select id="countries"> 
    <option value="US">US</option> 
    <option value="UK">UK</option> 
    <option value="FR">France</option> 
</select> 

<select id="currencies"> 
    <option>US Dollars (USD)</option> 
    <option>Some other currency!?</option> 
</select> 

jQuery的

$(document).ready(function() 
{ 
    $("#countries").change(function() 
    { 
     // Empty the current options out 
     $("#currencies").empty(); 

     // Split by the country chosen 
     switch($("#countries").val()) 
     { 
      case "US": 
      { 
       $("#currencies").append("<option>US Dollars (USD)</option>"); 
       $("#currencies").append("<option>Some other currency!?</option>"); 
       break; 
      } 
      case "UK": 
      { 
       $("#currencies").append("<option>Great British Pounds (GBP)</option>"); 
       $("#currencies").append("<option>Euros (Sorta!)</option>"); 
       break; 
      } 
      case "FR": 
      { 
       $("#currencies").append("<option>Euros (EUR)</option>"); 
       $("#currencies").append("<option>Francs (Old...)</option>"); 
       break; 
      } 
     } 
    }); 
}); 

的jsfiddle http://jsfiddle.net/dmDy8/