2010-04-25 124 views
3

我想知道我是否可以將送貨地址複製到帳單地址。當用戶點擊與送貨地址相同的複選框時。送貨地址值將被複制到賬單輸入字段。我完成了大部分部分,但我不知道如何將選擇菜單(狀態)值複製到帳單地址。我非常感謝任何幫助。如何將送貨地址複製到帳單地址

我的代碼

$(document).ready(function(){ 

jQuery的

$('#same').click(function(){ 
    if($('#same').attr('checked')){ 
     $('#bfName').val($('#fName').val()); 
     $('#blName').val($('#lName').val()); 
     $('#baddress1').val($('#address1').val()); 
     $('#baddress2').val($('#address2').val()); 
     $('#bcity').val($('#city').val()); 
     alert(($('#state option:selected').val())); //not sure what to do here 
     $('#bzip').val($('#zip').val()); 

}; 

}); 

的Html

<td><select name="state">   //shipping states......only partial codes. 
    <option value="">None 
    <option value="AL">Alabama 
    <option value="AK">Alaska 
    <option value="AZ">Arizona 
    <option value="AR">Arkansas 
    <option value="CA">California 
    <option value="CO">Colorado 
    <option value="CT">Connecticut 
     </select></td> 


    <td><select name="bstate"> //billing state................only partial codes. 
    <option value="">None 
    <option value="AL">Alabama 
    <option value="AK">Alaska 
    <option value="AZ">Arizona 
    <option value="AR">Arkansas 
    <option value="CA">California 
    <option value="CO">Colorado 
    <option value="CT">Connecticut 
     </select></td> 

非常感謝!

+0

如果($( '#相同')ATTR( '檢查')){出現故障,應 如果(this.checked) – 2010-04-25 01:16:33

+0

感謝您的回覆...:D – FlyingCat 2010-04-25 02:30:24

回答

11

試試看。

var state = $('#state option:selected').val(); 
$('#bstate option[value=' + state + ']').attr('selected','selected'); 
+0

grr,我太慢了:) + 1爲快速和正確 – DannyLane 2010-04-25 01:16:33

+0

得快活! ; o)感謝+ – user113716 2010-04-25 01:17:46

+0

感謝您的幫助! +1 – FlyingCat 2010-04-25 02:29:41

1

這項工作?

$('#bstate').val($('#state').val()); 

您可能需要id屬性添加到賬單和運送狀態選擇爲「astate」和「bstate」,因爲我不能似乎找到一個:)

+0

我已經嘗試過..不工作..但謝謝。 – FlyingCat 2010-04-25 02:30:40

1
// make billing same as address 
    $('input[name=same]').click(function() { 
    //alert('Using the same address'); 
    if ($("input[name=same]:checked").is(':checked')) { 
     $('#account_bill_fname').val($('#account_fname').val()); 
     $('#account_bill_lname').val($('#account_lname').val()); 
     $('#account_bill_address1').val($('#account_address1').val()); 
     $('#account_bill_address2').val($('#account_address2').val()); 
     $('#account_bill_city').val($('#account_city').val());    
     var state = $('select[name=account_state] option:selected').val(); 
     $('select[name=account_bill_state] option[value=' + state + ']').attr('selected','selected'); 
     var country = $('select[name=account_country] option:selected').val();        
     $('select[name=account_bill_country] option[value=' + country + ']').attr('selected','selected');  
     $('#account_bill_postal').val($('#account_postal').val()); 
     };    
    }); 

上html頁面國家與國家的下拉列表和複選框:

<input type="checkbox" name="same" value="Y" /> 
相關問題