2014-01-28 4 views
0

Я строю пользовательскую корзину, где я показываю деталь продукта на той же странице в модели Popup с jQuery onclick, но в всплывающем окне я также хочу обновить product_ID на странице "Добавить в корзину»кнопки в первом параметре OnClick, вот код для demonsration:Замените конкретный параметр onclick, нажав на div с помощью jQuery

миниатюрное продукта:

<div id="product"> 
    <img src="http://placehold.it/250x150" /> 
    <input type="hidden" value="159" /> 
</div> 

Popup Добавить в корзину Кнопка

<a href="#" onclick="add_to_cart('Product_ID', 'Product_Price');">Add to Cart</a> 

то, что я хочу, когда я нажимаю на продукте <div id="product">, чем значение в скрытом входе также обновляется на кнопку Добавить в корзину с первым параметром OnClick атром, который PRODUCT_ID, любая помощь относительно этого будет быть очень заметным.

+0

Я пытаюсь решить эту проблему на следующей скрипку ссылки http://jsfiddle.net/SJP7k/14/ –

+0

Просто Обратите внимание, что в приведенном выше примере не содержится одного фрагмента JQuery. Это чистый JavaScript. – Liam

ответ

2

Demo FIDDLE

Jquery

 $(document).ready(function(){ 
var ProductID = $('div').find('#ProductID').attr('value'); 
    var Price = $('div').find('#price').attr('value'); 

$('div').click(function (event) { 
    event.preventDefault(); 
    $('a').attr('onclick', function (i, v) { 
     v=v.replace('Product ID',ProductID); 
     return v.replace('Product Price',Price); 
    }); 
}); 

    }); 

function add_to_cart(productid,price) 
{ 
    alert(productid+"/"+price); 
} 

Я надеюсь, что это то, что вам нужно

+0

Спасибо P.Sethuraman, это именно то, что мне нужно, Cheers :) –

+0

еще один вопрос: что, если значение параметра динамическое, я имею в виду, что мы заменили значение ** «Цена продукта» **, сопоставив значение string, поэтому вместо ** «Цена продукта» ** будет какое-то случайное значение! Итак, как мы можем обновить только определенный (1-й или 2-й) параметр. –

0

Для 'быстрого исправления' этот код, вы могли бы пользователь что-то вроде этого:

http://jsfiddle.net/SJP7k/15/

Fiddle HTML

<div id="product"> 
    <img src="http://placehold.it/250x150" /> 
    <input type="hidden" value="159" /> 
</div> 
<br> 
<br> 
<a href="#" id="add" data-product="10" data-price="9.95">Add to Cart btn in popup</a> 

Fiddle JS

$('#product').click(function (event) { 
    event.preventDefault(); 
    var ProductID = $(this).find('input').attr('value'); 
    $('#add').data('product', ProductID); 
}); 

$('#add').click(function() { 
    alert('PRODUCT: ' + $(this).data('product') + ' PRICE: $' + $(this).data('price')); 
}); 
Смежные вопросы