:D snasui.com ยินดีต้อนรับ :D
ยินดีต้อนรับสู่กระดานถามตอบ Excel and VBA และอื่น ๆ ที่เป็นมิตรกับทุกท่าน มีไฟล์แนบมหาศาล ช่วยให้ท่านค้นหาและติดตามศึกษาได้โดยง่าย :thup: สมาชิกท่านใดที่ยังไม่ได้ระบุ Version ของ Excel ที่ใช้งานจริง สามารถทำตาม Link นี้เพื่อจะได้รับคำตอบที่ตรงกับ Version ของท่านครับ :arrow: ระบุ Version ของ Excel
:!: โปรดทราบ :!:
  1. กรุณาอ่านกฎการใช้บอร์ด (Forum rules) ในตำแหน่งด้านบนของแต่ละบอร์ด
  2. การสมัครสมาชิก การ Login การกู้คืนรหัสผ่าน
    1. สมัครสมาชิกดูขั้นตอนได้ที่ :arrow: สมัครสมาชิก
    2. Login เข้าระบบโดยคลิกปุ่ม Login ตรงมุมขวาบนของหน้านี้ :roll:
    3. การ Login ผ่าน Facebook ดูวิธีที่ :arrow: Login ผ่าน Facebook
    4. ลืมรหัสผ่านสามารถรับรหัสใหม่ได้ที่ :arrow: Reset รหัสผ่าน
  3. มีปัญหาการใช้งาน แจ้งผู้ดูแลระบบได้ที่ :arrow: ติดต่อผู้ดูแลระบบ
  4. กำหนดการตั้งค่าส่วนตัว เช่นตั้งค่าภาษาเป็นไทยหรืออังกฤษดูได้ที่ :arrow: ตั้งค่าส่วนตัว
  5. การตั้งและตอบกระทู้ดูได้ที่ :arrow: วิธีการตั้งและตอบกระทู้
  6. การจัดรูปแบบตัวอักษรด้วย bbcode ในช่องแสดงความคิดเห็นดูได้ที่ :arrow: จัดรูปแบบตัวอักษร
  7. กำหนดขนาดตัวอักษรใน Browser ดูได้ที่ :arrow: กำหนดขนาดตัวอักษรใน Browser

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

ฟอรัมถาม-ตอบปัญหาอื่น ๆ ที่ไม่เกี่ยวกับ Excel
Forum rules
  1. ไม่อนุญาตให้ใช้ภาษาแชทในการถามและตอบปัญหา ไม่ใช้คำว่า "คับ" หรือ "อ่ะครับ" แทนคำว่า "ครับ" ไม่ใช้คำว่า "เด๋ว" แทนคำว่า "เดี๋ยว" เป็นต้น เนื่องจากเมื่อแปลเป็นภาษาต่างประเทศแล้วจะให้ความหมายผิดไปจากที่ควรจะเป็น
  2. ห้ามถามโดยระบุชื่อผู้ตอบและต้องตั้งชื่อกระทู้ให้สื่อถึงปัญหาที่จะถาม ไม่ตั้งชื่อว่า ช่วยด้วยครับ, มีปัญหามาปรึกษาครับ เป็นต้น
  3. กรุณาอธิบายปัญหาและระบุคำตอบที่ต้องการมาในกระทู้ด้วยเสมอถึงแม้จะอธิบายไว้ในไฟล์แนบแล้วก็ตาม ทั้งนี้เพื่ออำนวยความสะดวกแก่เพื่อนสมาชิกในการค้นหาข้อมูล
  4. กรุณาแนบไฟล์ตัวอย่างพร้อมแสดงคำตอบที่ถูกต้องมาในไฟล์ด้วยเพื่อให้ง่ายต่อการทำความเข้าใจและสะดวกต่อการตอบคำถาม (ขนาดไฟล์ไม่เกิน 500Kb ขนาดภาพไม่เกิน 800*600 Pixel) ไม่แนบเป็น Link มาจากแหล่งอื่นที่อาจจะถูกลบทิ้งไปโดยต้นทางในภายหลัง นอกจากนี้ไม่ควรแนบไฟล์ที่มีข้อมูลสำคัญอันก่อให้เกิดความเสียหายกับตนเองและผู้อื่น
  5. กรณีเป็นคำถามเกี่ยวกับ Programming เช่น VBA, VB.Net, C#, SQL ฯลฯ ต้องลองเขียนมาเองก่อนเสมอ ถามเฉพาะที่ติดปัญหา ระบุ Module, Procedure ที่ติดปัญหาให้ชัดเจน กรุณาโพสต์ Code ให้แสดงเป็น Code คือเปิดด้วย [code] และปิดด้วย [/code] ตัวอย่างเช่น [code]dim r as range[/code] เพื่อให้แตกต่างจากข้อความทั่วไป สะดวกในการอ่านและทดสอบ (คลิกเพื่อดูตัวอย่างเพิ่มเติม)
  6. กรุณาแจ้งผลการใช้งานเมื่อได้รับคำตอบว่าตรงกับความต้องการหรือไม่
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#1

Post by yodpao.b »

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 ไม่ได้ครับ
You do not have the required permissions to view the files attached to this post.
User avatar
snasui
Site Admin
Site Admin
Posts: 30736
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Excel Ver: 2010, 365
Contact:

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

#2

Post by snasui »

:D ช่วยแนบไฟล์นี้หรือ Code ทั้งหมดมาด้วยจะได้สะดวกในการช่วยตรวจสอบครับ
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#3

Post by yodpao.b »

เรียนอาจารย์ครับ
ผมลอง คัดลอก 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>
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#4

Post by yodpao.b »

แนบไฟลครับ
ถ้าแนบไฟล์ .php ขึ้นแสดงดังรูป
Capture12.PNG
ผมจึง zip ไฟล์ครับ

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

รบกวนอาจารย์ด้วยนะครับ
You do not have the required permissions to view the files attached to this post.
User avatar
snasui
Site Admin
Site Admin
Posts: 30736
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Excel Ver: 2010, 365
Contact:

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

#5

Post by snasui »

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

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

ไม่ทราบว่าปัจจุบันใช้ Tool ตัวไหนในการเขียน Project นี้ครับ
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#6

Post by yodpao.b »

ขอโทษครับ ผมใช้ 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 มาให้ใหม่ครับ
You do not have the required permissions to view the files attached to this post.
User avatar
snasui
Site Admin
Site Admin
Posts: 30736
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Excel Ver: 2010, 365
Contact:

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

#7

Post by snasui »

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

ลองไปถามที่ฟอรัมสำหรับ PHP โดยเฉพาะ ซึ่งผมไม่สามารถแนะนำให้ได้เพราะผมไม่ค่อยได้เขียน PHP จะมีปรับแต่งเล็กน้อยก็ด้วยการใช้ WebMatrix ของค่าย Microsoft มาทำการปรับแต่งแล้วเปิดผ่าน IE รวมทั้ง Debug ผ่าน IE ครับ
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#8

Post by yodpao.b »

ไม่เป็นไรครับจุดนี้ไม่จำเป็นเท่าไรครับ
ขอบคุณครับ
yodpao.b
Gold
Gold
Posts: 1531
Joined: Tue Jul 19, 2011 2:47 pm
Excel Ver: 2013,excel standard

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

#9

Post by yodpao.b »

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

Code: Select all

$('#txtNumber11').change(function () {
        $('#txtNumber21').val($('#txtNumber11').val());
    });
วันนี้เปิดดูชื่อ web http://stackoverflow.com/questions/1979 ... boxs-value

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