در تکمیل این "فرم" کمکم کنید...

[hamed_hymn]

سلام من یه چنین بخشی و میخوام ایجاد کنم.
6v2hqfoajnc0vbv8qv92.gif
البته یک سری کدهاشو دارم
این بخش به این صورته که با انتخاب گروه برندها قابل انتخاب اند
با انتخاب نوع برند محصول قابل انتخاب
و اضافه کردن تعداد و زدن دگه صدور پیش فاکتور قیمت طاهر بشه
چنین چیزی امکان پذیره؟

کدهایی که من دارم.

<tr>
                                        <td colspan="2" style="padding-right: 8px;color: #444; font: 8pt; font-weight: 600;     height: 36px;   line-height: 28px;vertical-align: top;" align="right">
                                           استعلام قيمت
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="padding-right: 10px; width: 5%" nowrap="nowrap">
                                                <font style="color: #565656">گروه :</font>
                                            </td>
                                            <td style=" padding-right: 10px; width: 95%;">
                                                <select class="InputBox" style="width: 150px; height: 20px; color: #000; background: #fff" id="ProductType" name="ProductType" onchange="ChangState()">
                                                    <option value="0">انتخاب کنيد</option>
                                                    <option value="1">تاسيسات حرارتي</option>
                                                    <option value="2">تاسيات برودتي</option>
                                                    <option value="3">تصفيه آب</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding-right: 10px; padding-top: 7px; text-align: left" nowrap="nowrap">
                                                <font style="color: #565656">برند :</font>
                                            </td>
                                            <td style="padding-top: 7px; padding-right: 10px; text-align: right">
                                                <div id="BranHide" style="display: block">
                                                    <select class="InputBox" style="width: 150px; height: 20px; color: #000; background: #fff">
                                                        <option value="0">انتخاب کنيد</option>
                                                    </select>
                                                </div>
                                                <div id="BranDisplay" style="display: none">
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding-right: 10px; padding-top: 7px; text-align: left" nowrap="nowrap">
                                                <font style="color: #565656">محصول :</font>
                                            </td>
                                            <td style="padding-top: 7px; padding-right: 10px; text-align: right">
                                                <div id="ProductHide" style="display: block">
                                                    <select class="InputBox" style="width: 150px; height: 20px; color: #000; background: #fff">
                                                        <option value="0">انتخاب کنيد</option>
                                                    </select>
                                                </div>
                                                <div id="ProductDisplay" style="display: none">
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <table style="width: 100%; margin-top: 7px">
                                                    <tbody><tr><td style="width: 5%; padding-right: 10px; text-align: left" nowrap="nowrap">
                                                        <font style="color: #565656">تعداد :</font>
                                                    </td>
                                                    <td style="width: 40%; padding-right: 18px; text-align: right">
                                                        <input name="ProductCount" id="Count" class="InputBox" style="width: 60px; height: 20px; color: #000; background: #fff" onchange="getAjaxAction('http://www.zamanianco.com/manager/EstelamFinal-Ajax.aspx?Count='+ document.getElementById('Count').value +'&amp;ProductListId='+ document.getElementById('ProductListId').value)" type="text">
                                                    </td>
                                                    <td class="pishFactorPadding">
                                                        <input value="صدور پيش فاکتور" onclick="SendEstelam();" style="width: 90px; height: 20px; background: url('http://www.zamanianco.com/images/bottombg2.gif') no-repeat 0 0; cursor: pointer; padding-bottom: 4px" type="button">
                                                    </td>
                                                </tr></tbody></table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <table style="width: 100%; margin-top: 7px">
                                                    <tbody><tr>
                                                        <td style="width: 5%; padding-left: 11px; padding-right: 10px" nowrap="nowrap">
                                                            <font style="color: #565656">قيمت واحد :</font>
                                                        </td>
                                                        <td style="width: 95%" id="Price">
                                                            <font style="padding-right: 5px" color="red">ريال</font>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <table style="width: 100%; margin-top: 7px">
                                                    <tbody><tr>
                                                        <td style="width: 5%; padding-left: 10px; padding-right: 10px" nowrap="nowrap">
                                                            <font style="color: #565656">قيمت تعداد :</font>
                                                        </td>
                                                        <td style="width: 95%" id="TotalPrice">
                                                            <font style="padding-right: 5px" color="red">ريال</font>
                                                        </td>
                                                    </tr>
                                                </tbody></table>
                                            </td>
                                        </tr>