如何添加“添加到购物车”功能以根据国家/地区更改价格

时间:2019-06-11 08:26:07

标签: jquery html css

我想将购物车添加到具有手稿表的HTML页面。 手稿的价格根据国家/地区而变化。因此,我不明白如何将添加到购物车的功能添加到此表中?

<body id="page-top" class="index">

    <table style="width:100%">
        <style>
            table,
            th,
            td {
                border: 1px solid black;
                border-collapse: collapse;
            }

            th,
            td {
                padding: 2px;
            }
        </style>

        </tr>
        <table>
            <tbody>
                <thead>
                    <tr>
                        <tr>
                            <th>Code</th>
                            <th>Name of Manuscript </th>
                            <th>No. of Pages and Size</th>
                            <th>Select your Country Name</th>
                            <th>Price</th>
                            <th>Order It</th>
                        </tr>
                </thead>

                <!-- 1st row -->
                <tr>
                    <td><b>1-1</b></td>
                    <td>Alankarchintamani /Author Charukirti Pandit अलङ्कारचिन्तामणि: /ले. चारुकीर्ति पंडित:</td>
                    <td>P.315 C (21x16)</td>

                    <td>
                        <select id="mySelect" onchange="myFunction()">
                            <hide>
                                <option value="">Select Country</hide>
                            <option value="Rs. 2,520">India
                                <option value="$ 315">Outside India
                    </td>

                    </select>

                    <td id="demo">
                        <script>
                            function myFunction() {
                                var x = document.getElementById("mySelect").value;
                                document.getElementById("demo").innerHTML = x;
                            }
                        </script>
                    </td>

                    <td>
                        <input type="submit" value="Order It">
                    </td>
                </tr>

我不明白如何在以下代码中添加“添加到购物车”功能:

<td>
<select id="mySelect" onchange="myFunction()">
<hide><option value="">Select Country</hide> 
<option value="Rs. 2,520">India
<option value="$ 315">Outside India
</td>

Pl。指导我将此商品添加到购物车中。

谢谢。

0 个答案:

没有答案