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

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

ฟอรั่มถาม-ตอบปัญหาอื่น ๆ ที่ไม่เกี่ยวกับ Excel
Forum rules
  1. ไม่อนุญาตให้ใช้ภาษาแชทในการถาม-ตอบปัญหา ไม่ใช้คำว่า "คับ" หรือ "อ่ะครับ" แทนคำว่า "ครับ" ไม่ใช้คำว่า "เด๋ว" แทนคำว่า "เดี๋ยว" เป็นต้น เนื่องจากเมื่อแปลเป็นภาษาต่างประเทศแล้วจะให้ความหมายผิดไปจากที่ควรจะเป็น
  2. ห้ามถามโดยระบุชื่อผู้ตอบ ต้องตั้งชื่อกระทู้ให้สื่อถึงปัญหาที่จะถาม ไม่ตั้งชื่อว่า ช่วยด้วยครับ, มีปัญหามาปรึกษาครับ เป็นต้น
  3. อธิบายปัญหาและระบุคำตอบที่ต้องการมาในกระทู้ด้วยเสมอถึงแม้จะอธิบายไว้ในไฟล์แนบแล้วก็ตาม ทั้งนี้เพื่ออำนวยความสะดวกแก่เพื่อนสมาชิกในการค้นหาข้อมูล
  4. ควรแนบตัวอย่างไฟล์มาที่ฟอรั่มนี้เพื่อเพิ่มความสะดวกในการตอบคำถาม (ขนาดไฟล์ไม่เกิน 500Kb ขนาดภาพไม่เกิน 800*600 Pixel) ไม่แนบเป็น Link มาจากแหล่งอื่น นอกจากนี้ไม่ควรแนบไฟลที่มีข้อมูลสำคัญอันก่อให้เกิดความเสียหายกับตนเองและผู้อื่น
  5. สำหรับคำถามเกี่ยวกับ VBA ให้ลองเขียนมาเองก่อนเสมอ ถามเฉพาะที่ติดปัญหา ระบุ Module, Procedure ที่ติดปัญหาให้ชัดเจน ควรโพสต์ Code ให้แสดงเป็น Code เพื่อสะดวกในการอ่านและทดสอบ (คลิกเพื่อดูตัวอย่าง)
  6. แจ้งผลการใช้งานเมื่อได้รับคำตอบว่าตรงกับความต้องการหรือไม่
yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#1

Postby yodpao.b » 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 ไม่ได้ครับ
You do not have the required permissions to view the files attached to this post.

User avatar
snasui
Site Admin
Site Admin
Posts: 21785
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Contact:

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

#2

Postby snasui » Thu Dec 31, 2015 5:34 pm

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

yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#3

Postby yodpao.b » 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>

yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#4

Postby yodpao.b » Thu Dec 31, 2015 7:33 pm

แนบไฟลครับ
ถ้าแนบไฟล์ .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: 21785
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Contact:

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

#5

Postby snasui » Fri Jan 01, 2016 7:16 am

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

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

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

yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#6

Postby yodpao.b » 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 มาให้ใหม่ครับ
You do not have the required permissions to view the files attached to this post.

User avatar
snasui
Site Admin
Site Admin
Posts: 21785
Joined: Sun Jan 24, 2010 12:33 pm
Location: Songkhla, Thailand
Contact:

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

#7

Postby snasui » Fri Jan 01, 2016 1:51 pm

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

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

yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#8

Postby yodpao.b » Fri Jan 01, 2016 7:30 pm

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

yodpao.b
Silver
Silver
Posts: 745
Joined: Tue Jul 19, 2011 2:47 pm

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

#9

Postby yodpao.b » 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

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


Return to “Other”

Who is online

Users browsing this forum: No registered users and 1 guest