复制选定的选项到另一个选择

我觉得可能有这个答案，如果是这样，我找不到它。复制选定的选项到另一个选择

我有一个表格，一个帐单和送货地址。我有一个复选框，上面写着“计费与送货地址相同”。选中时，我想将账单地址部分的所有值复制到送货地址选择。我已经能够复制文本，但是国家的选择似乎比预期更复杂。这是我到目前为止有：

<select class="span12" id="BillingCountry" name="BillingCountry"> 
    <option value="AF">AFGHANISTAN</option> 
    <option value="AX">ALAND ISLANDS</option> 
    <option value="AL">ALBANIA</option> 
</select> 

<select class="span12" id="ShippingCountry" name="ShippingCountry"> 
    <option value="AF">AFGHANISTAN</option> 
    <option value="AX">ALAND ISLANDS</option> 
    <option value="AL">ALBANIA</option> 
</select> 

<label><input type="checkbox" id="duplicate-address" name="duplicate-address" value="shipping same as billing">&nbsp;&nbsp;Shipping address is same as billing</label> 

$('#duplicate-address').click(function(e) { 
    if($('#duplicate-address').prop('checked')){ 
     $("#ShippingAddress").val($("#BillingAddress").val()); //works 
     $("#ShippingCountry").val($("#BillingCountry").val()); 
    } 
});

所以，如果我在结算国家阿尔巴尼亚选择和按复选框，我希望看到的航运国家阿尔巴尼亚选择也有。任何指针我在正确的方向将是太棒了

来源

2015-10-19 Akira Dawson

工作正常这个斌：http://jsbin.com/lalukaqusa/edit?html,js,output –

所以它..嗯，我很困惑我做了一个直接复制粘贴..我必须有别的东西变得有趣。 –

如果你想上的复选框状态变化选择#ShippingCountry相同的选项中#BillingCountry，这里的代码：

<select class="span12" id="BillingCountry" name="BillingCountry"> 
    <option value="AF">AFGHANISTAN</option> 
    <option value="AX">ALAND ISLANDS</option> 
    <option value="AL">ALBANIA</option> 
</select> 

<select class="span12" id="ShippingCountry" name="ShippingCountry"> 
    <option value="AF">AFGHANISTAN</option> 
    <option value="AX">ALAND ISLANDS</option> 
    <option value="AL">ALBANIA</option> 
</select> 

<label><input type="checkbox" id="duplicate-address" name="duplicate-address" value="shipping same as billing">&nbsp;&nbsp;Shipping address is same as billing</label> 

$('#duplicate-address').click(function(e) { 
    if($('#duplicate-address').prop('checked')){ 
    $('#ShippingCountry').val($('#BillingCountry option:selected').val()) 
    } 
});

JSFIDDLE

来源

2015-10-20 06:11:56 AlexBerd

我不知道我得到正确的问题。这里是！

var shipping = jQuery('#ShippingCountry'); 
 
var billing = jQuery('#BillingCountry'); 
 

 
billing.on('change', function(e){ 
 
    var selected = jQuery('option:selected', this); 
 
    shipping.val(selected.val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="span12" id="BillingCountry" name="BillingCountry"> 
 
    <option value="AF">AFGHANISTAN</option> 
 
    <option value="AX">ALAND ISLANDS</option> 
 
    <option value="AL">ALBANIA</option> 
 
</select> 
 

 
<select class="span12" id="ShippingCountry" name="ShippingCountry"> 
 
    <option value="AF">AFGHANISTAN</option> 
 
    <option value="AX">ALAND ISLANDS</option> 
 
    <option value="AL">ALBANIA</option> 
 
</select> 
 

 
<label><input type="checkbox" id="duplicate-address" name="duplicate-address" value="shipping same as billing">&nbsp;&nbsp;Shipping address is same as billing</label>

来源

2015-10-20 04:33:58 Gacci

复制选定的选项到另一个选择

回答

相关问题