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

[hamed_hymn]

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

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



<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>