2013-10-01 160 views
2

情況如下。在圖片中有兩個綠色按鈕「Naar dit adres verzenden」,意思是「發送到這個地址」。通常當有人點擊這些按鈕時,用戶會轉到特定的URL。但是當有人點擊按鈕時,該值必須傳遞給類「customNextStep」。這個類屬於底部按鈕「Volgende」,意思是「下一個」。如何將數據itemid的值添加到其他元素

點擊鏈接:http://postimg.org/image/dlgz5ijuj/查看打印屏幕。

我已經能夠檢索「發送到此地址」按鈕的數據項ID的值。但我不知道如何將它傳遞給「customNextStep」類。我知道我應該使用以下內容:

$('.customNextStep').attr('href'); 

但不知道如何。

我到目前爲止的代碼如下:

//get item id on address click 
    if ($('.customNextStep').length) { 

     $('.button-1').on("click", function (event) { 
      //alert("event prevented"); 
      event.preventDefault(); 
      alert($(this).attr('data-itemid')); 
     }); 

     .... ????? 
    } 

HTML 「發送到這個地址」 按鈕:

<input type="button" value="@T("Checkout.ShipToThisAddress")" data-itemid="@item.Id" class="button-1 select-shipping-address-button" onclick="" /> 

HTML 「下一步」 按鈕:

<a class="customNextStep" href=""> 
    <input type="button" name="nextstep" value="volgende" class="button-1 billing-adress-next-step-button" /> 
</a> 
+0

如何在HTML看起來像:

$('.customNextStep').data({ itemId: $(this).attr('data-itemid') }); 

然後你就可以像這樣把它拿來? – Sergio

+0

HTML如下: BlueBay

+0

但在這個HTML中,按鈕沒有'data-itemid'屬性...它來自哪裏? – devnull69

回答

1

如何:

$('.button-1').on("click", function (event) { 
    //alert("event prevented"); 
    event.preventDefault(); 
    var itemid = $(this).attr('data-itemid'); 
    $(this).parent(".customNextStep").attr("href", itemid); 

    //Used an instance of 'this' above in case multiple customNextStep classes 
    //$(".customNextStep").attr("href", itemid); 
}); 
+0

非常感謝你 – BlueBay

0

它使用data()節省:

var itemId = $('.customNextStep').data('itemId'); 
+0

謝謝你的解決方案 – BlueBay

相關問題