我想在付款的国家/地区部分实施一些选择字段的内容,并在选择中生成下拉列表。
我知道它使用了selected.js,但我找不到教程以及如何做到这一点。
非常感谢任何帮助。
由于
答案 0 :(得分:0)
这相对简单,您需要两个下拉框,一个包含一系列国家/地区,另一个我们将填写与这些国家/地区相关的货币(我认为这是您的目标?)。像这样:
<强> 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/