PDA

View Full Version : فرم محاسبه گر و هوشمند



ms11309
سه شنبه 08 بهمن 1392, 18:12 عصر
با سلام
بنده نیاز به یک فرم دارم که از تابع select بهره میبره
و بعد از انتخاب چند select مبلغ محاسبه شده را در جلوی فرم نمایش بده

مثلا:



<select name="adstype" id="adstype" class="Textbox" style="width:100px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select name="adstime" id="adstime" class="Textbox" style="width:100px;">
<option value="15">15 </option>
<option value="30">30 </option>
</select>


حالا بشه تعیین کرد که مثلا اگر 1 و 15 انتخاب شده مبلغ 1000
یا 1 و 30 انتخاب شده مبلغ 2000

یا 2 و 15 مبلغ 3000
یا 2 و 30 مبلغ 4000

و همینطور تمامی حالات را تعریف کرد
لطفا راهنمایی کنید چطور باید این کار رو کرد

sadegh1362
سه شنبه 08 بهمن 1392, 20:11 عصر
سلام باید با jquery این کار رو انجام بدین
ابتدا یک تگ <div> اضافه کنید برای نمایش مقدار و اینطور jquery اون رو می نویسد که :


<select name="adstype" id="adstype" class="Textbox" style="width:100px;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select name="adstime" id="adstime" class="Textbox" style="width:100px;">
<option value="15">15 </option>
<option value="30">30 </option>
</select>
<div id="res"></div>
<script>
var adstype=$("#adstype").val();
var adstime= $("#adstime").val();
if(adstime==1 && adstype==15 ){
$("#res").html(100);
}
if(adstime==15 && adstype==1 ){
$("#res").html(2000);
}
if(adstime==15 && adstype==2 ){
$("#res").html(3000);
}
if(adstime==30 && adstype==2 ){
$("#res").html(4000);
}
</script>