Excel Forum

Posted: **Thu Dec 31, 2015 4:17 pm**

JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

ความต้องการคือ เมื่อ เลือกlistbox1 ค่าใน listbox2 แสดงค่าเหมือนlistbox1

Capture11.PNG

Code: Select all

<label>aaaaaaaaaa</label>
<select class="form-control" name="txtNumber11" id="txtNumber11" value="" onChange="listInv" onclick ="">
    <!--<option value="8000" selected>8,000</option>-->   
    <option value="8000">8,000</option>
    <option value="9000">9,000</option>
    <option value="10000">10,000</option>
    <option value="11000">11,000</option>
    <option value="12000">12,000</option>
    <option value="13000">13,000</option>
    <option value="14000">14,000</option>
    <option value="15000">15,000</option>
    <option value="16000">16,000</option>
    <option value="17000">17,000</option>
    <option value="18000">18,000</option>
    <option value="19000">19,000</option>
    <option value="20000">20,000</option>
</select>
<br>
<label>bbbbb</label>
<select class="form-control" name="txtNumber21" id="txtNumber21" value="" onChange="" onclick ="">
    <!--<option value="8000" selected>8,000</option>-->
    <option value="8000">8,000</option>
    <option value="9000">9,000</option>
    <option value="10000">10,000</option>
    <option value="11000">11,000</option>
    <option value="12000">12,000</option>
    <option value="13000">13,000</option>
    <option value="14000">14,000</option>
    <option value="15000">15,000</option>
    <option value="16000">16,000</option>
    <option value="17000">17,000</option>
    <option value="18000">18,000</option>
    <option value="19000">19,000</option>
    <option value="20000">20,000</option>
</select>

<script language="JavaScript">

    function listInv() {
        //alert("พื้นที่ห้องขนาด");
        var listbtuInv;
        index = document.getElementById("txtNumber11").selectedIndex;
        selected_text = document.getElementById("txtNumber11").options[index].text;
        document.getElementById("txtNumber21").value = selected_text;
    }



</script>

ก่อนหน้าส่งค่าไปที่ textbox ได้ครับ
แต่ส่งค่าไปที่ Listbox ไม่ได้ครับ

Posted: **Thu Dec 31, 2015 5:34 pm**

ช่วยแนบไฟล์นี้หรือ Code ทั้งหมดมาด้วยจะได้สะดวกในการช่วยตรวจสอบครับ

Posted: **Thu Dec 31, 2015 7:20 pm**

เรียนอาจารย์ครับ
ผมลอง คัดลอก code มาลงใน page ใหม่ รูปแบบที่ทำเช่นตัวหนังสือ สี กล่อง อื่นๆ เสียหมดครับ
ตลาดว่ามันน่าจะเชื่อมโยงกับไฟล์ index.php ครับ
ผมจึงส่งเฉพาะไฟล์ข้อมูลที่ผมทำแนบมาด้วย ไม่ได้ส่งทั้งโปรเจ็คมาให้(โปรเจ็ค 10 เมกมีอะไรบางก็ไม่รู้)
ผมขอเรียนอาจารย์ก่อนนะครับผมเพิ่งเริ่มทำได้ประมาณเกือบ 2 เดือน
ทำตามวิดีโอบ้าง คัดลอกในเว็ปบ้าง ส่วนเรื่องการถามตอบโพสต์นั้นของที่อื่นเล่นอยากมีการให้คะแนนด้วยงงมากครับครับ
บางที่โพสต์ไปแล้วยังหาโพสต์ของตัวเองไม่เจอ
โพสต์ของอาจารย์สะดวกกว่าเยอะ
ถ้า code มันไม่ตรงกับหลักการก็ต้องขอโทษด้วยครับ

ขอส่งโคดก่อนครับเดียวแนบไฟล์ตามมา

code

Code: Select all

<div id="page-wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">
                เครื่องปรับอากาศ
                <!--<img class="col-md-offset-2"  src="../images/logo1.jpg"/> -->
            </h1>
        </div>
    </div>
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 align="center">
                ปริมาณความเย็นที่เหมาะสมกับห้องควรใช้เครื่องปรับอากาศที่มีขนาดทำความเย็น <?php echo $_GET["val"]; ?>                                     
            </h3>
        </div>
    </div>

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h4>
                เปรียบเทียบเครื่องปรับอากาศแบบแยกส่วน                                            
                <span class="pull-right">
                    <div class="btn-group">
                        <button id="btnsetval">
                            <span class="glyphicon glyphicon-cog" title="การตั้งค่า"></span>
                        </button>
                    </div>
                </span>       
            </h4>
        </div>

        <div class="panel-body">
            <div class="well" id="frmDiv">
                <form class="form-horizontal" id="" name="">
                    <div class="form-group">
                        <label class="control-label col-md-4">
                            ค่าไฟฟ้าเฉลี่ยตลอดทั้งปี (บาท/หน่วย)
                        </label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="frmDivInput1" name="frmDivInput1" value="" 
                                   onchange="chkDisabledBtn()" onKeyPress="CheckNum()" onblur="masks(this, 1, 8);">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-md-4">
                            ค่าพลังงานไฟฟ้า 1 หน่วย(kWh) มีปริมาณ ก็าซ CO<sub>2</sub> ( kg/m<sup>3</sup> )
                        </label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="frmDivInput2" name="frmDivInput2" value="" 
                                   onchange="chkDisabledBtn()" onKeyPress="CheckNum()" onblur="masks(this, 0.45, 0.65);">
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="form-group">
                            <div class="control-label col-md-5">
                                <button type="button" class="btn btn-success" id="btnSaveVal" name="btnSaveVal" value="" OnClick="chkvalue();">
                                    .SAVE.
                                </button>
                            </div>
                            <div class="control-label col-md-2">   
                                <button type="button" class="btn btn-danger" id="bthDefaultVal">
                                    Default
                                </button>
                            </div>
                        </div>
                    </div>
                    <span style="background-color:yellow"><font color="red"><b>หมายเหตุ</b></font><font color="green"> "  หลังจากการแก้ไขตัวเลขแล้ว กรุณาคลิก SAVE ด้วยครับ  "</font></span>
                </form> 
            </div>                
        </div>

        <div class="panel-body">
            <div class="col-lg-6">
                <div class="panel panel-yellow">
                    <div class="panel-heading">
                        เครื่องปรับอากาศเบอร์ 5
                    </div>
                    <div class="panel-body">
                        <!--<p>Lorem ipsum dolor sit amet,</p>-->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>ขนาดความเย็น(บีทียู/ชั่วโมง)</label>
                                <select class="form-control" name="txtNumber11" id="txtNumber11" value="" onChange="chksatatusN5(this.value);" onclick ="chkNum()">
                                    <!--<option value="8000" selected>8,000</option>-->   
                                    <option value="8000">8,000</option>
                                    <option value="9000">9,000</option>
                                    <option value="10000">10,000</option>
                                    <option value="11000">11,000</option>
                                    <option value="12000">12,000</option>
                                    <option value="13000">13,000</option>
                                    <option value="14000">14,000</option>
                                    <option value="15000">15,000</option>
                                    <option value="16000">16,000</option>
                                    <option value="17000">17,000</option>
                                    <option value="18000">18,000</option>
                                    <option value="19000">19,000</option>
                                    <option value="20000">20,000</option>
                                    <option value="21000">21,000</option>
                                    <option value="22000">22,000</option>
                                    <option value="23000">23,000</option>
                                    <option value="24000">24,000</option>
                                    <option value="25000">25,000</option>
                                    <option value="26000">26,000</option>
                                    <option value="27000">27,000</option>
                                    <option value="28000">28,000</option>
                                    <option value="29000">29,000</option>
                                    <option value="30000">30,000</option>
                                    <option value="31000">31,000</option>
                                    <option value="32000">32,000</option>
                                    <option value="33000">33,000</option>
                                    <option value="34000">34,000</option>
                                    <option value="35000">35,000</option>
                                    <option value="36000">36,000</option>
                                    <option value="37000">37,000</option>
                                    <option value="38000">38,000</option>
                                    <option value="39000">39,000</option>
                                    <option value="40000">40,000</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="col-md-7">
                                    <p>การทำงาน(ชั่วโมงต่อวัน)</p>
                                </div>
                                <div class="col-md-5">
                                    <input class="form-control" name="txtNumber12" id="txtNumber12" type="number" min="1" max="24" step="1" value="8" onblur="masks(this, 1, 24);" onclick ="chkNum()">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-7">
                                    <p>วันทำงาน(วัน)</p>
                                </div>
                                <div class="col-md-5">
                                    <input class="form-control" name="txtNumber13" id="txtNumber13" type="number" min="1" max="365" step="1" value="365" onblur="masks(this, 1, 365);" onclick ="chkNum()">
                                </div>
                            </div>
                        </div>    
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>EER ประสิทธิภาพ(บีทียู/ชั่วโมง/วัตต์)</label>
                                <input class="form-control" type="text" name="txtNumber14" id="txtNumber14" value="11.60" onblur="masks(this, 11.60, 12.80);" onclick ="chkNum()" onKeyUp="if (isNaN(this.value)) {
                                            alert('กรุณากรอกตัวเลขตั้งแต่ 11.60 - 12.80');
                                            this.value = '';
                                        }"/>
                                <input class="form-control" type="text" name="txtNumber15" id="txtNumber15" value="11.00" onblur="masks(this, 11.00, 12.80);" onclick ="chkNum()" onKeyUp="if (isNaN(this.value)) {
                                            alert('กรุณากรอกตัวเลขตั้งแต่ 11.00 - 12.80');
                                            this.value = '';
                                        }"/>
                            </div>
                            <div class="col-md-5 col-xs-5">
                                <p><u>BTU ขนาด</u></p>
                                <p><h6><= 27,296</h6></p>
                                <p><h6>>= 27,297</h6></p>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <p align="center"><u>EER ที่ผ่านทดสอบ</u></p>                               
                                <p><h6 align="center">11.60 - 12.80</h6></p>
                                <p><h6 align="center">11.00 - 12.80</h6></p>
                            </div>
                        </div>
                    </div> 


                    <div class="panel-footer">
                        <h4>IN THE SYSTEM AIR NO.5</h4>
                        <div class="row">
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label>ขนาดความเย็น(บีทียู/ชั่วโมง)</label>
                                    <input class="form-control" id="disabledInput11" type="text" value="" placeholder="Disabled input BTU/h" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>EER ประสิทธิภาพ(บีทียู/ชั่วโมง/วัตต์)</label>
                                    <input class="form-control" id="disabledInput12" type="text" value="" placeholder="Disabled input BTU/h/W" disabled>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ใช้กำลังไฟฟ้า(วัตต์)</label>
                                    <input class="form-control" id="disabledInput13" type="text" value="" placeholder="Disabled input W" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ใช้พลังงานไฟฟ้า(หน่วย)</label>
                                    <input class="form-control" id="disabledInput14" type="text" value="" placeholder="Disabled input kWh" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ค่าไฟฟ้า(บาท)</label>
                                    <input class="form-control" id="disabledInput15" type="text" value="" placeholder="Disabled input บาท" disabled>
                                </div>
                            </div>   
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label>ปริมาณ CO<sub>2</sub> ที่ใช้(กิโลกรัม/เมตร<sup>3</sup>)</label>
                                    <input class="form-control" id="disabledInput16" type="text" value="" placeholder="Disabled input kg/m3" disabled>
                                </div>
                            </div>                             
                        </div>
                        <label><h5>**ค่าไฟฟ้าเฉลี่ย  '</h5></label><label id="alphabet_1kwh">3.96</label><label><h5>'  บาท/หน่วย ,</h5></label>
                        <label><h5>ค่าพลังงานไฟฟ้า 1 หน่วย(kWh) มีปริมาณก็าซ CO<sub>2</sub> =  '</h5></label><label id="alphabet_1co2">0.5113</label><label><h5>'  กิโลกรัม/เมตร<sup>3</sup></h5></label>
                    </div>    
                </div>
            </div>
            <div class="col-lg-6">
                <div class="panel panel-green">
                    <div class="panel-heading">
                        เครื่องปรับอากาศ Inverter
                    </div>
                    <div class="panel-body">
                        <!--<p>Lorem ipsum dolor sit amet,</p>-->
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>ขนาดความเย็น(บีทียู/ชั่วโมง)</label>
                                <select class="form-control" name="txtNumber21" id="txtNumber21" value="" onChange="chksatatusIV(this.value);" onclick ="chkNum()">
                                    <!--<option value="8000" selected>8,000</option>-->
                                    <option value="8000">8,000</option>
                                    <option value="9000">9,000</option>
                                    <option value="10000">10,000</option>
                                    <option value="11000">11,000</option>
                                    <option value="12000">12,000</option>
                                    <option value="13000">13,000</option>
                                    <option value="14000">14,000</option>
                                    <option value="15000">15,000</option>
                                    <option value="16000">16,000</option>
                                    <option value="17000">17,000</option>
                                    <option value="18000">18,000</option>
                                    <option value="19000">19,000</option>
                                    <option value="20000">20,000</option>
                                    <option value="21000">21,000</option>
                                    <option value="22000">22,000</option>
                                    <option value="23000">23,000</option>
                                    <option value="24000">24,000</option>
                                    <option value="25000">25,000</option>
                                    <option value="26000">26,000</option>
                                    <option value="27000">27,000</option>
                                    <option value="28000">28,000</option>
                                    <option value="29000">29,000</option>
                                    <option value="30000">30,000</option>
                                    <option value="31000">31,000</option>
                                    <option value="32000">32,000</option>
                                    <option value="33000">33,000</option>
                                    <option value="34000">34,000</option>
                                    <option value="35000">35,000</option>
                                    <option value="36000">36,000</option>
                                    <option value="37000">37,000</option>
                                    <option value="38000">38,000</option>
                                    <option value="39000">39,000</option>
                                    <option value="40000">40,000</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <div class="col-md-7">
                                    <p>การทำงาน(ชั่วโมงต่อวัน)</p>
                                </div>
                                <div class="col-md-5">
                                    <input class="form-control" name="txtNumber22" id="txtNumber22" type="number" min="1" max="24" step="1" value="8" onblur="masks(this, 1, 24);" onclick ="chkNum()">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-7">
                                    <p>วันทำงาน(วัน)</p>
                                </div>
                                <div class="col-md-5">
                                    <input class="form-control" name="txtNumber23" id="txtNumber23" type="number" min="1" max="365" step="1" value="365" onblur="masks(this, 1, 365);" onclick ="chkNum()">
                                </div>
                            </div>
                        </div>    
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>SEER ประสิทธิภาพ(บีทียู/ชั่วโมง/วัตต์)</label>
                                <input class="form-control" type="text" name="txtNumber24" id="txtNumber24" value="15.00" onblur="masks(this, 15.00, 25.47);" onclick ="chkNum()" onKeyUp="if (isNaN(this.value)) {
                                            alert('กรุณากรอกตัวเลขตั้งแต่ 15.00 - 25.47');
                                            this.value = '';
                                        }"/>
                                <input class="form-control" type="text" name="txtNumber25" id="txtNumber25" value="14.00" onblur="masks(this, 14.00, 21.12);" onclick ="chkNum()" onKeyUp="if (isNaN(this.value)) {
                                            alert('กรุณากรอกตัวเลขตั้งแต่ 14.00 - 21.12');
                                            this.value = '';
                                        }"/>
                            </div>
                            <div class="col-md-5 col-xs-5">
                                <p><u>BTU ขนาด</u></p>
                                <p><h6><= 27,296</h6></p>
                                <p><h6>>= 27,297</h6></p>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <p align="center"><u>SEER ผ่านทดสอบ</u></p>
                                <p><h6 align="center">15.00 - 25.47</h6></p>
                                <p><h6 align="center">14.00 - 21.12</h6></p>
                            </div>
                        </div>
                    </div> 


                    <div class="panel-footer">
                        <h4>IN THE SYSTEM AIR INVERTER</h4>
                        <div class="row">
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label>ขนาดความเย็น(บีทียู/ชั่วโมง)</label>
                                    <input class="form-control" id="disabledInput21" type="text" value="" placeholder="Disabled input BTU/h" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>SEER ประสิทธิภาพ(บีทียู/ชั่วโมง/วัตต์)</label>
                                    <input class="form-control" id="disabledInput22" type="text" value="" placeholder="Disabled input BTU/h/W" disabled>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ใช้กำลังไฟฟ้า(วัตต์)</label>
                                    <input class="form-control" id="disabledInput23" type="text" value="" placeholder="Disabled input W" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ใช้พลังงานไฟฟ้า(หน่วย)</label>
                                    <input class="form-control" id="disabledInput24" type="text" value="" placeholder="Disabled input kWh" disabled>
                                </div>
                            </div>    
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>ค่าไฟฟ้า(บาท)</label>
                                    <input class="form-control" id="disabledInput25" type="text" value="" placeholder="Disabled input บาท" disabled>
                                </div>
                            </div>   
                            <div class="col-md-6"> 
                                <div class="form-group">
                                    <label>ปริมาณ CO<sub>2</sub> ที่ใช้(กิโลกรัม/เมตร<sup>3</sup>)</label>
                                    <input class="form-control" id="disabledInput26" type="text" value="" placeholder="Disabled input kg/m3" disabled>
                                </div>
                            </div>
                        </div>
                        <label><h5>**ค่าไฟฟ้าเฉลี่ย  '</h5></label><label id="alphabet_2kwh">3.96</label><label><h5>'  บาท/หน่วย ,</h5></label>
                        <label><h5>ค่าพลังงานไฟฟ้า 1 หน่วย(kWh) มีปริมาณก็าซ CO<sub>2</sub> =  '</h5></label><label id="alphabet_2co2">0.5113</label><label><h5>'  กิโลกรัม/เมตร<sup>3</sup></h5></label>
                    </div>    
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">                    
                        <center><button type="button" class="btn btn-info" style="font-size:18pt; padding:10px 80px;" id="btnSum" name="btnSum" value="Sum" OnClick="calculate1();">คำนวณหาพลังงานไฟฟ้า</button>                                       
                    </div>  
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">    
                        <button type="button" class="btn btn-primary btn-lg btn-block" style="padding:15px; background-color: #8a6d3b;" disabled>ผลประหยัดที่ได้จากการปรียบเทียบเครื่องปรับอากาศแบบแยกส่วนทั้ง 2 ชนิด</button>
                    </div>
                </div>
            </div>
            <br>
            <div class="col-lg-6">
                <div class="form-group">
                    <label>ผลประหยัดกำลังไฟฟ้า(วัตต์)</label>
                    <input class="form-control" id="disabledInput31" type="text" value="" placeholder="Disabled input W" disabled>
                </div>
            </div>    
            <div class="col-lg-6">
                <div class="form-group">
                    <label>ผลประหยัดพลังงานไฟฟ้า(หน่วย)</label>
                    <input class="form-control" id="disabledInput32" type="text" value="" placeholder="Disabled input kWh" disabled>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label>ผลประหยัดค่าไฟฟ้า(บาท)</label>
                    <input class="form-control" id="disabledInput33" type="text" value="" placeholder="Disabled input บาท" disabled>
                </div> 
            </div>
            <div class="col-lg-6">    
                <div class="form-group">
                    <label>ลดการใช้ปริมาณ CO<sub>2</sub> ที่ใช้(กิโลกรัม/เมตร<sup>3</sup>)</label>
                    <input class="form-control" id="disabledInput34" type="text" value="" placeholder="Disabled input kg/m3" disabled>
                </div>
            </div>
        </div>
    </div>
</div>

<script language="JavaScript">
    // ชุดแรกค่า Default
    document.getElementById("frmDivInput1").value = 3.96
    document.getElementById("frmDivInput2").value = 0.5113
    document.getElementById("txtNumber15").style.display = 'none';
    document.getElementById("txtNumber25").style.display = 'none';

    function CheckNum() {
        if (event.keyCode < 48 || event.keyCode > 57) {
            event.returnValue = false;
        }
    }

    function chksatatusN5(sx) {
        if (sx <= 27296) {
            document.getElementById("txtNumber14").style.display = 'block';
            document.getElementById("txtNumber15").style.display = 'none';
        } else {
            document.getElementById("txtNumber14").style.display = 'none';
            document.getElementById("txtNumber15").style.display = 'block';
        }
    }
    function chksatatusIV(sx) {
        if (sx <= 27296) {
            document.getElementById("txtNumber24").style.display = 'block';
            document.getElementById("txtNumber25").style.display = 'none';
        } else {
            document.getElementById("txtNumber24").style.display = 'none';
            document.getElementById("txtNumber25").style.display = 'block';
        }
    }

    function masks(name, min, max) {
        if (!name.value.match(/^\d*(\.\d*)?$/) && name.value.length > 0) {
            name.value = '';
            return false;
        } else {

            if (name.value >= min && name.value <= max) {
                return true;
            } else {
                name.value = '';
                alert('กรุณาป้อนคัวเลขระหว่างค่า ' + min + ' - ' + max + ' ในช่องว่างด้วยครับ');
                return false;
            }

        }
    }

    function listInv() {
        //alert("พื้นที่ห้องขนาด");
        var listbtuInv;
        index = document.getElementById("txtNumber11").selectedIndex;
        selected_text = document.getElementById("txtNumber11").options[index].text;
        document.getElementById("txtNumber21").value = selected_text;
    }

    function calculate1() {
        //alert("พื้นที่ห้องขนาด");

        var agv_power = Number(document.getElementById("frmDivInput1").value);
        var co2 = Number(document.getElementById("frmDivInput2").value);

        var cal_btu1;
        index = document.getElementById("txtNumber11").selectedIndex;
        selected_text = document.getElementById("txtNumber11").options[index].text;
        document.getElementById("disabledInput11").value = selected_text + " Btu/h";

        //var num11 = parseInt(selected_text.replace(",", "")); 
        //บรรทัดบนสั่งให้ตัดตัวหลักพันออกจะได้มองเป็นตัวเลข หรือใช้บรรทัดล่างแต่ความหมายไม่เหมือนกันเพราะบรรทัดล่างเป็นตัวเลขอยู่แล้ว
        var num11 = Number(document.getElementById("txtNumber11").value);
        var num12 = Number(document.getElementById("txtNumber12").value);
        var num13 = Number(document.getElementById("txtNumber13").value);
        var num14 = Number(document.getElementById("txtNumber14").value);
        var num15 = Number(document.getElementById("txtNumber15").value);

        var myNum1;
        if (num11 <= 27296) {
            myNum1 = num14;
        } else {
            myNum1 = num15;
        }
        var cal_eer1 = myNum1;
        document.getElementById("disabledInput12").value = cal_eer1.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " Btu/h/W";

        var cal_watt1 = num11 / cal_eer1;
        document.getElementById("disabledInput13").value = cal_watt1.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " Watt";

        var cal_kWh1 = (cal_watt1 * num12 * num13) / 1000;
        document.getElementById("disabledInput14").value = cal_kWh1.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " kWh";

        var cal_baht1 = cal_kWh1 * agv_power;
        document.getElementById("disabledInput15").value = cal_baht1.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " บาท";

        var cal_co1 = cal_kWh1 * co2;
        document.getElementById("disabledInput16").value = cal_co1.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " กิโลกรัม/เมตร3";

        var cal_btu2;
        index = document.getElementById("txtNumber21").selectedIndex;
        selected_text = document.getElementById("txtNumber21").options[index].text;
        document.getElementById("disabledInput21").value = selected_text + " Btu/h";

        //var num21 = parseInt(selected_text.replace(",", "")); 
        //บรรทัดบนสั่งให้ตัดตัวหลักพันออกจะได้มองเป็นตัวเลข หรือใช้บรรทัดล่างแต่ความหมายไม่เหมือนกันเพราะบรรทัดล่างเป็นตัวเลขอยู่แล้ว
        var num21 = Number(document.getElementById("txtNumber21").value);
        var num22 = Number(document.getElementById("txtNumber22").value);
        var num23 = Number(document.getElementById("txtNumber23").value);
        var num24 = Number(document.getElementById("txtNumber24").value);
        var num25 = Number(document.getElementById("txtNumber25").value);

        var myNum2;
        if (num21 <= 27296) {
            myNum2 = num24;
        } else {
            myNum2 = num25;
        }
        var cal_eer2 = myNum2;
        document.getElementById("disabledInput22").value = cal_eer2.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " Btu/h/W";

        var cal_watt2 = num21 / cal_eer2;
        document.getElementById("disabledInput23").value = cal_watt2.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " Watt";

        var cal_kWh2 = (cal_watt2 * num22 * num23) / 1000;
        document.getElementById("disabledInput24").value = cal_kWh2.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " kWh";

        var cal_baht2 = cal_kWh2 * agv_power;
        document.getElementById("disabledInput25").value = cal_baht2.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " บาท";

        var cal_co2 = cal_kWh2 * co2;
        document.getElementById("disabledInput26").value = cal_co2.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " กิโลกรัม/เมตร3";


        var total_watt = cal_watt1 - cal_watt2;
        document.getElementById("disabledInput31").value = total_watt.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " Watt";
        var total_kWh = cal_kWh1 - cal_kWh2;
        document.getElementById("disabledInput32").value = total_kWh.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " kWh";
        var total_baht = cal_baht1 - cal_baht2;
        document.getElementById("disabledInput33").value = total_baht.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " บาท";
        var total_co = cal_co1 - cal_co2;
        document.getElementById("disabledInput34").value = total_co.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " กิโลกรัม/เมตร3";
    }

    function chkNum()
    {
        document.getElementById("disabledInput11").value = "";
        document.getElementById("disabledInput12").value = "";
        document.getElementById("disabledInput13").value = "";
        document.getElementById("disabledInput14").value = "";
        document.getElementById("disabledInput15").value = "";
        document.getElementById("disabledInput16").value = "";
        document.getElementById("disabledInput21").value = "";
        document.getElementById("disabledInput22").value = "";
        document.getElementById("disabledInput23").value = "";
        document.getElementById("disabledInput24").value = "";
        document.getElementById("disabledInput25").value = "";
        document.getElementById("disabledInput26").value = "";
        document.getElementById("disabledInput31").value = "";
        document.getElementById("disabledInput32").value = "";
        document.getElementById("disabledInput33").value = "";
        document.getElementById("disabledInput34").value = "";
    }
    function chkDisabledBtn()
    {
        document.getElementById("btnSum").disabled = true;
        document.getElementById("disabledInput11").value = "";
        document.getElementById("disabledInput12").value = "";
        document.getElementById("disabledInput13").value = "";
        document.getElementById("disabledInput14").value = "";
        document.getElementById("disabledInput15").value = "";
        document.getElementById("disabledInput16").value = "";
        document.getElementById("disabledInput21").value = "";
        document.getElementById("disabledInput22").value = "";
        document.getElementById("disabledInput23").value = "";
        document.getElementById("disabledInput24").value = "";
        document.getElementById("disabledInput25").value = "";
        document.getElementById("disabledInput26").value = "";
        document.getElementById("disabledInput31").value = "";
        document.getElementById("disabledInput32").value = "";
        document.getElementById("disabledInput33").value = "";
        document.getElementById("disabledInput34").value = "";
    }

</script>


<!-- Bootstrap Core JavaScript -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Metis Menu Plugin JavaScript -->
<script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script>

<!-- Morris Charts JavaScript -->
<!--<script src="../bower_components/raphael/raphael-min.js"></script>
<script src="../bower_components/morrisjs/morris.min.js"></script>
<script src="../js/morris-data.js"></script>-->

<!-- Custom Theme JavaScript -->
<script src="../dist/js/sb-admin-2.js"></script>

<script type="text/javascript">
    $("#frmDiv").hide();

    $(document).ready(function () {
        $("#btnsetval").click(function () {
            $("#frmDiv").toggle(500);
        });
        $("#bthDefaultVal").click(function () {
            $("#frmDivInput1").val(3.96);
            $("#frmDivInput2").val(0.5113);
        });
    });

    function chkvalue()
    {
        if (document.getElementById('frmDivInput1').value == "")
        {
            alert('PLEASE INPUT DATA กรุณากรอกเป็นตัวเลข 1.00 - 8.00 ในช่องว่างด้วย');
            return false;
        } else {
            $("#frmDiv").fadeOut(1000);
            $("#alphabet_1kwh").text($("#frmDivInput1").val());
            $("#alphabet_2kwh").text($("#frmDivInput1").val());
            document.getElementById("btnSum").disabled = false;
        }
        if (document.getElementById('frmDivInput2').value == "")
        {
            alert('PLEASE INPUT DATA กรุณากรอกเป็นตัวเลข 0.45 - 0.65 ในช่องว่างด้วย');
            return false;
        } else {
            $("#frmDiv").fadeOut(1000);
            $("#alphabet_1co2").text($("#frmDivInput2").val());
            $("#alphabet_2co2").text($("#frmDivInput2").val());
            document.getElementById("btnSum").disabled = false;
        }
    }

</script>


<script type="text/javascript">
    $(document).ready(function () {
        //alert("abc");
        //$("#sidebar-menu").hide();
        $("#btnSideD").hide();
        $("#btnSideR").click(function () {
            $("#sidebar-menu").hide(200);
            //$("#page-wrapper").animate("margin-left","0px");
            $("#page-wrapper").css("margin-left", "0px");
            $(this).hide();
            $("#btnSideD").show();
        });
        $("#btnSideD").click(function () {
            $("#sidebar-menu").show(1000);
            $("#page-wrapper").css("margin-left", "250px");
            $(this).hide();
            $("#btnSideR").show();
        });
    });
</script>

Posted: **Thu Dec 31, 2015 7:33 pm**

แนบไฟลครับ
ถ้าแนบไฟล์ .php ขึ้นแสดงดังรูป

Capture12.PNG

ผมจึง zip ไฟล์ครับ

ไฟล์ที่ทำอยู่ที่โฟเดอร์ Page ครับ
ส่วน JS เป็นไฟล์ที่ คัดลอกมาจากที่อื่นที่ต้องใช้ด้วยครับ

รบกวนอาจารย์ด้วยนะครับ

Posted: **Fri Jan 01, 2016 7:16 am**

ในคราวหน้าควรแจ้งมาด้วยครับว่าไฟล์ที่เป็นปัญหาใช้ชื่อว่าอะไรจะได้เข้าถึงปัญหาโดยไว

ผมลอง Run แล้วไม่สามารถเปิดไฟล์ air2.php ที่เป็นปัญหาได้ แม้เปิดไฟล์ Index ขึ้นมาก่อนแล้วคลิก Link เพื่อเปิด air2.php

ไม่ทราบว่าปัจจุบันใช้ Tool ตัวไหนในการเขียน Project นี้ครับ

Posted: **Fri Jan 01, 2016 11:48 am**

ขอโทษครับ ผมใช้ Bitnami ครับ
ไฟล์ที่ต้องแก้ไขคือ air2.phpครับ
เวลาผมเข้าไปดูไฟล์โปรเจคต์ เครื่องที่ทำงาน ผมพิมพ์ http://127.0.0.1/calsaving ก็เข้าได้ครับ "เครื่องที่ทำงาน"

แต่เวลาผมเข้าไปดูไฟล์โปรเจคต์ เครื่องโนตบุคที่บ้าน ผมพิมพ์ http://127.0.0.1:99/calsaving ถึงจะเข้า web ได้ครับ ผมก็งงว่าทำไมต้องพิมพ์ ":99" ด้วยครับ แต่เข้าใจว่าตอน ลงโปรแกรม Bitnami กับโนตบุค โปรแกรมมันให้ใส่ Ports ผมเลยใส่ 99 มันถึงยอมให้ลงโปรแกรมได้ครับ

จากรูปด้านล่าง
1.พิมพ์ชื่อ http://127.0.0.1:99/calsaving ใน Web จะปรากฏดังภาพ

Capture21.PNG

2.เลือก เมนูเปรียบเทียบผลประหยัดครับ จะปรากฏดังภาพ
ส่วนวงกลมเป็นจุดที่ต้องแก้ไขครับ
ต้องการเลือก List แรก เช่น 10000 แล้วให้ List ที่ 2 โขว์ค่า 10000 เมื่อ List แรก

Capture22.PNG

ขอบคุณครับ
ผมแนบไฟล์ air2.php มาให้ใหม่ครับ

Posted: **Fri Jan 01, 2016 1:51 pm**

ที่ผ่านมาผมใช้การ Debug ผ่าน Browser โดยการเปิดไฟล์แล้วกดแป้น F12 เพื่อจะตรวจสอบลำดับการทำงานของ Code แต่สำหรับไฟล์ที่แนบมาไม่สามารถที่จะใช้วิธีเดิม ๆ ได้ กรณีนี้คงช่วยไม่ได้มากเพราะผมไม่มีและไม่ลง Tools ในการเขียน PHP อื่นอีก

ลองไปถามที่ฟอรัมสำหรับ PHP โดยเฉพาะ ซึ่งผมไม่สามารถแนะนำให้ได้เพราะผมไม่ค่อยได้เขียน PHP จะมีปรับแต่งเล็กน้อยก็ด้วยการใช้ WebMatrix ของค่าย Microsoft มาทำการปรับแต่งแล้วเปิดผ่าน IE รวมทั้ง Debug ผ่าน IE ครับ

Posted: **Fri Jan 01, 2016 7:30 pm**

ไม่เป็นไรครับจุดนี้ไม่จำเป็นเท่าไรครับ
ขอบคุณครับ

Posted: **Mon Jan 04, 2016 10:53 pm**

เรียนอาจารย์ครับเจอแล้วครับ พอเห็นวิธีการก็น่าเจ็บใจ เพราะมีคำสั่งแบบนี้อยู่ในไฟล์ที่ทำของผมอยู่แล้ว
code ที่ใช้

Code: Select all

$('#txtNumber11').change(function () {
        $('#txtNumber21').val($('#txtNumber11').val());
    });

วันนี้เปิดดูชื่อ web http://stackoverflow.com/questions/1979 ... boxs-value

ถึงกับร้อง อ๋อ
ขอบคุณครับ

Excel Forum

JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1

Re: JavaScript-เลือกlistbox1 แล้วlistbox2 มีค่าตามlistbox1