Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ติดปัญหา script jquery ค่ะ เราจะเลือก select option ให้แสดงข้อมูลออกมาโชว์ แต่สคริปมันไปชนกันทำอย่างไงดีค่ะ


ติดปัญหา script jquery ค่ะ เราจะเลือก select option ให้แสดงข้อมูลออกมาโชว์ แต่สคริปมันไปชนกันทำอย่างไงดีค่ะ

 
Topic : 120847



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์



ติดปัญหา script jquery ค่ะ เราจะเลือก select option ให้แสดงข้อมูลออกมาโชว์ แต่สคริปมันไปชนกันทำอย่างไงดีค่ะ

22123213

Code (PHP)
<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <title>change demo</title>
<style>
div {
	color: red;
}
</style>
<script type="text/javascript" src="include/jquery/jquery-1.9.0.min.js"></script>
  </head>
  <body>
  <table width="200" border="1">
    <tr>
      <td>
      <select name="sweets" id="sweets">
          <option>Chocolate</option>
          <option>Candy</option>
          <option>Taffy</option>
        </select>
<script>
	$( "#sweets" )
	  .change(function () {
		var str = "";
		$( "select option:selected" ).each(function() {
		  str += $( this ).text() + " ";
		});
		$( "div" ).text( str );
	  })
	  .change();
</script>
</td>
      <td>
      <select name="depart" id="depart" class="inputx">
          <option value="">- -</option>
          <option value='HR' >HR</option>
          <option value='MYCOM' >MYCOM</option>
        </select>
        </td>
    </tr>
    <tr>
      <td><div id="sweets"></div></td>
      <td><div id="depart"></div></td>
    </tr>
  </table>
</body>
</html>




Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery, JAVA


ประวัติการแก้ไข
2016-01-12 13:50:44
2016-01-12 13:52:59
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-01-12 13:49:49 By : loomoo View : 955 Reply : 10
 

 

No. 1



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ไปกำหนด id ซ้ากันนิครับ

Code (PHP)
<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <title>change demo</title>
<style>
div {
	color: red;
}
</style>
<script type="text/javascript" src="include/jquery/jquery-1.9.0.min.js"></script>
  </head>
  <body>
  <table width="200" border="1">
    <tr>
      <td>
      <select name="sweets" id="sweets">
          <option>Chocolate</option>
          <option>Candy</option>
          <option>Taffy</option>
        </select>
<script>
	$( "#sweets" )
	  .change(function () {
		var str = "";
		$( "select option:selected" ).each(function() {
		  str += $( this ).text() + " ";
		});
		$( "#sweets_div" ).text( str );
	  })
	  .change();


$( "#depart" )
	  .change(function () {
		var str = "";
		$( "select option:selected" ).each(function() {
		  str += $( this ).text() + " ";
		});
		$( "#depart_div" ).text( str );
	  })
	  .change();
</script>
</td>
      <td>
      <select name="depart" id="depart" class="inputx">
          <option value="">- -</option>
          <option value='HR' >HR</option>
          <option value='MYCOM' >MYCOM</option>
        </select>
        </td>
    </tr>
    <tr>
      <td><div id="sweets_div"></div></td>
      <td><div id="depart_div"></div></td>
    </tr>
  </table>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-12 14:26:22 By : progamer2000
 

 

No. 2



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณค่ะ แต่เมื่อนำโค๊ดจากคุณ Boat Junior ไปทดสอบก็ไม่ได้ เราลองเลือก select กลับไปกลับมา ผลจะเป็นตามรูปภาพเลย

456
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-12 16:06:58 By : loomoo
 

 

No. 3



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

Code (PHP)
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>change demo</title>
    <style>
      div {
        color: red;
      }
    </style>

  </head>
  <body>
    <table width="200" border="1">
      <tr>
        <td>
          <select name="sweets" id="sweets">
            <option>Chocolate</option>
            <option>Candy</option>
            <option>Taffy</option>
          </select>

        </td>
        <td>
          <select name="depart" id="depart" class="inputx">
            <option value="">- -</option>
            <option value='HR' >HR</option>
            <option value='MYCOM' >MYCOM</option>
          </select>
        </td>
      </tr>
      <tr>
        <td><div id="sweets_div"></div></td>
        <td><div id="depart_div"></div></td>
      </tr>
    </table>

    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
    <script>
      $("select").on('change',function(){
        var str = $(this).attr('id');
        var val = $('#'+str+' option:selected').text();
        $('#'+str+'_div').text(val);
      });
	 
    </script>
  </body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-12 16:16:50 By : progamer2000
 

 

No. 4



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-12 17:06:53 By : loomoo
 

 

No. 5



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์


ขอถามอีกนิดนึงค่ะ ถ้าเราจากเปลี่ยนประเภท Filter :text , :password , :radio , :checkbox , :submit , :button , :image , :file จะต้องแก้ไขตรงไหนบ้างค่ะ ขอตัวอย่าง text หรือ radio ก็ได้ค่ะ

Code (PHP)
    <script>
      $("select").on('change',function(){
        var str = $(this).attr('id');
        var val = $('#'+str+' option:selected').text();
        $('#'+str+'_div').text(val);
      })

<div id="depart_div"></div>;



ประวัติการแก้ไข
2016-01-13 10:05:15
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 10:04:26 By : loomoo
 

 

No. 6



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ปกติก็ใช้ .val() นะคับ

Code (PHP)
    <script>
      $("select").on('change',function(){
        var str = $(this).attr('id');
        var val = $('#'+str).val();
        $('#'+str+'_div').text(val);
      })

<div id="depart_div"></div>;



ประวัติการแก้ไข
2016-01-13 10:54:30
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 10:53:57 By : progamer2000
 

 

No. 7



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์


เราลอง <input name="boxnumber" id="boxnumber" type="text" /> มันไม่ทำงานเลยค่ะ ต้องแก้ไขอะไรอีกไหมค่ะ

Code (PHP)
<script>
      $("select").on('change',function(){
        var str = $(this).attr('id');
        var val = $('#'+str).val();
        $('#'+str+'_div').text(val);
      });
</script>
<div id="boxnumber_div"></div>


ขอบคุณล่วงหน้าเลยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 11:27:15 By : loomoo
 

 

No. 8



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

หมายถึงให้พิมพ์ละ ขึ้นข้างล่างหรอคับ มันก็ไม่ใช่ select on change แล้วนะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 11:29:47 By : progamer2000
 

 

No. 9



โพสกระทู้ ( 86 )
บทความ ( 0 )



สถานะออฟไลน์


ใช่ค่ะ อยากจะลองเปลี่ยน input type="text" มันต้องแก้ไขอะไรบ้างค่ะ

Code (PHP)
<script>
      $("select").on('change',function(){
        var str = $(this).attr('id');
        var val = $('#'+str).val();
        $('#'+str+'_div').text(val);
      });
</script>
<input name="boxnumber" id="boxnumber" type="text" />
<div id="boxnumber_div"></div>



ประวัติการแก้ไข
2016-01-13 11:37:36
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 11:37:07 By : loomoo
 

 

No. 10



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

Code (PHP)
<script>
      $("input").on('keyup',function(){
        var str = $(this).attr('id');
        var val = $('#'+str).val();
        $('#'+str+'_div').text(val);
      });
</script>
<input name="boxnumber" id="boxnumber" type="text" />
<div id="boxnumber_div"></div>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-13 12:05:10 By : progamer2000
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ติดปัญหา script jquery ค่ะ เราจะเลือก select option ให้แสดงข้อมูลออกมาโชว์ แต่สคริปมันไปชนกันทำอย่างไงดีค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่