สอบถาม การเปลี่ยนจาก select เป็น input เมื่อเวลากรอกค่มา ก็จะแสเงค่านั้นใน input

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
                <script type="text/javascript">  
                $(function(){  
                  var obj_a = $("#rn_amount");  
                  var obj_b = $("#seating");  
                  // a เปลี่ยนเมื่อ keyup แล้ว b เปลี่ยน ตามเงื่อนไขค่า a  
                  obj_a.on("keyup",function(){  
                  var value_obj_a = parseInt($(this).val()); // เก็บค่า a ไว้ในตัวแปร  (parseInt คือเปลงเป็นเลข)  
                  if(value_obj_a>9){ // กำหนดเงื่อนไขให้กับค่า a  
                  obj_b.val(2); // เปลี่ยนค่า b เป้น 3  
                }else{  
                obj_b.val(1); // เปลี่ยนค่า b เป็น 1  
              }  
            });  
                });  
  
  
              </script>  
              <div class="row">  
                  <div class="col-md-6">  
                    <div class="form-group">  
                      <label>จำนวนวนคนที่ไป</label>  
                      <input type="text" name="rn_amount" id="rn_amount" value="" class="form-control"><br>  
                    </div>  
                  </div>  
                    <div class="col-md-6">  
                      <div class="form-group">  
                        <label class="display-block text-semibold">ประเภทรถตู้</label>  
                          <select name="id_seating" id="seating"  class="form-control"  readonly>  
                              <option value="">เลือก</option>  
                        <?php  
                        include("connect.inc.php");  
                        $SelectPr="SELECT * FROM seating";  
                        $QueryPro=mysql_query($SelectPr);  
                        while($Pro=mysql_fetch_array($QueryPro)){  
                          ?>  
  
                          <option value="<?=$Pro['id_seating']?>"><?=$Pro['seating_name']?></option>  
                          <?php } ?>  
                        </select>  
  
                      </div>  
                   </div>  
                 </div>  
               </div> 

สวัสดีครับ จาก ตัวอย่างโค้ดที่ผมใช้ด้านบน http://www.ninenik.com/forum_view_2026_1.html

ถ้าผมจะเปลี่ยนจาก select มาเป็น input ผมต้องกำหนดตรงไหนครับ เพื่อให้มันกรอก เลข 1-9 ขึ้น 9 ที่ และ กรอก 10- 13 ขึ้น 13 ที่นั่ง และกรอก มากกว่า 13 ก็จะขึ้นติดต่อพนักงาน และในดาต้าเบส ผมเก็บเป็น 




ผมเอา id มาใส่ ในอีกตาราง




รบกวนด้วยครับ ตอนแรกคิดว่าใช้ select ได้แต่พอไปสอบโดนกลับมาแก้ เพราะ select ยังเเลือกค่าได้ มันไม่ล็อค  ขอบคุณครับ

 

<script type="text/javascript">
                $(function(){
                  var obj_a = $("#rn_amount");
                  var obj_b = $("#seating");
                  // a เปลี่ยนเมื่อ keyup แล้ว b เปลี่ยน ตามเงื่อนไขค่า a
                  obj_a.on("keyup",function(){
                  var value_obj_a = parseInt($(this).val()); // เก็บค่า a ไว้ในตัวแปร  (parseInt คือเปลงเป็นเลข)
                  if(value_obj_a>9){ // กำหนดเงื่อนไขให้กับค่า a
                  obj_b.val(" 13 ที่นั่ง"); // เปลี่ยนค่า b เป้น 3
                }else if (obj_b.val("9 ที่นั่ง")) {





              }
            });
                });
              </script>

ลองฝึกไล่ลำดับ if else เพิ่มเติมดู

if(value_obj_a>13){ 
  obj_b.val("ติดต่อ"); 
}else if (value_obj_a>9) {  
  obj_b.val(" 13 ที่นั่ง");
}else{
  obj_b.val(" 9 ที่นั่ง"); 
}  	

ทำตรงที่แอดมินบอกได้แล้ว แต่ พอเอาไปส่ง กลับโดนเพิ่มอีก ทีนี้ผมสะหัวปั่นเลยครับ

 

คือ หลังจากที่กรอก ไปแล้ว คือแบบเดิมทุกอย่างครับ แต่เขาให้เพิ่มตรงที่ว่า

หากกรอก 13 ก็จะมี select  ให้เลือกเพิ่มขึ้นมาอีก

 

  <select name="id_seating" id="seating"  class="form-control"  readonly>
                              <option value="">เลือก</option>
                              <option value="1">เลือก 1 คัน</option>
                              <option value="2">เลือก 2 คัน</option>
                              <select>

ให้ซ่อนรายการที่ต้องการด้วย css style เข่น 

<select name="myselect" id="myselect" style="display:none;">
</select>

แล้วใช้ jquery แสดงเมื่อเข้าเงื่อนไขด้วยคำสั่ง 
$("#myselect").show();
และซ่อนเมื่อไม่เข้าเงื่อนไขด้วย
$("#myselect").hide();