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,037

HOME > PHP > PHP Forum > onchange ให้ submit form แบบ เลือกว่าจะให้ submit ไปที่หน้าไหน อะครับ



 

onchange ให้ submit form แบบ เลือกว่าจะให้ submit ไปที่หน้าไหน อะครับ

 



Topic : 078265



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



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




คืออยากให้มันเป็นการ submit form ไปด้วยครับ...... 

<select name="select" id="select"  onchange='if(this.value!="") { window.location=this.value; }' >
           <option value="">เลือกวันลา</option>
		   <option value="1.php">1</option>
		   <option value="2.php">1</option>
         </select>




Tag : PHP, MySQL






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-11 16:48:03 By : addy_it View : 2381 Reply : 20
 

 

No. 1

Guest


Code (PHP)
<select id="open" onchange="location.href = this.options[this.selectedIndex].value">
<option>SELECT</option>
<option value="http://www.google.com">google</option>
<option value="http://www.facebook.com">facebook</option>
</select>






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 17:04:33 By : คนช่างฝัน
 


 

No. 2



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



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


อยากให้เป็นการ submit form ด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-11 17:25:53 By : addy_it
 

 

No. 3



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



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


เขียนอย่างไร ใครรู้บ้างครับ ช่วยหน่อยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 09:57:14 By : addy_it
 


 

No. 4



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



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


<form id="frm_url" action="">
<select id="open">
<option>SELECT</option>
<option value="">เลือกวันลา</option>
<option value="1.php">1</option>
<option value="2.php">2</option>
</select>
<input type="submit" id="btn_send" style="display:none;">
</form>


:::::: Jquery ::::::::::

<script>
$(function(){
$('#open').live('change',function(){
var this_url = $(this).val();
$('#frm_url').attr('action',this_url,function(){
$('#btn_send').click();
});
});
});
</script>




ประมาณเน้ ได้มั้ยครับ


ประวัติการแก้ไข
2012-05-13 11:09:55
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 11:07:10 By : thailandonlyjob เว็บหางานใหม่
 


 

No. 5



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



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


เงียบเลยครับ อยู่นิ่งไ ไม่ไปไหนเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 11:37:40 By : addy_it
 


 

No. 6



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


การ submit เพื่อส่งข้อมูลไปตาม url ปลายทางที่กำหนดไว้ใน action มีหลายวิธีครับ

Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<select name="selectPage" id="selectPage">
<option value="">เลือกวันลา</option>
<option value="1.php">1</option>
<option value="2.php">2</option>
</select>

<div id="showSelectedPage"></div>

<script type="text/javascript">
$("#selectPage").change(function(){
      var url = $("#selectPage option:selected").val();
      var selectedData =  $("#selectPage option:selected").text();
      // จากโค้ดจะ submit ด้วยเมธอด post ไปยัง url ที่แฝงอยู่ใน option value='.....'
      $.post(url,data:selectedData,function(returningData){
                // หลังจากส่งข้อมูลด้วยตัวแปรชื่อ "data" ไปยัง url เราอาจมีการส่งข้อมูลกลับมาให้
                // หน้าปัจจุบันเพื่อแสดงผล ผมกำหนดให้ข้อมูลที่ถูกส่งกลับมาแสดงผลใน div id="showSelectedPage"
               $("div#showSelectedPage").empty().text(returningData);
      });

});
</script>

ทดลองดูน่ะครับ แล้วอย่าลืมแจ้งกลับมาด้วยว่าโค้ดชุดนี้ใช้ได้มั๊ย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 11:42:25 By : sakuraei
 


 

No. 7



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



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


ครับ..
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 11:45:57 By : addy_it
 


 

No. 8



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



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


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
	$(function(){
		$('#open').live('change',function(){
			var this_url = $(this).val();
				$('#frm_url').attr('action',this_url);
				if($(this).val()!=""){
					$('#btn_send').click();
				}
		});
	});
</script>
</head>

<body>


<form id="frm_url" method="POST" action="">
    <select name="open" id="open">
        <option value="">SELECT</option>
        <option value="">เลือกวันลา</option>
        <option value="1.php">1</option>
        <option value="2.php">2</option>
    </select>
    <input type="submit" id="btn_send" style="display:none;">
</form>


</body>
</html>


แบบนี้ครับ ผมเทสแล้วได้ครับ


ประวัติการแก้ไข
2012-05-13 11:52:40
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 11:51:24 By : thailandonlyjob
 


 

No. 9



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



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


ผมของคุณ Thailandonlyjob เว็บหางานใหม่ เป็นแบบด้านล่างครับ
Parse error: syntax error, unexpected $end in C:\AppServ\www\WorkJob\1.php on line 22
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 13:33:09 By : addy_it
 


 

No. 10



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



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


ของคุณ Unidentifer นิ่งครัีบ.. ไม่มีไรเกิดขึ้น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 13:56:16 By : addy_it
 


 

No. 11



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



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


ยังไม่ได้ครับ


ประวัติการแก้ไข
2012-05-13 14:13:35
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:11:40 By : addy_it
 


 

No. 12



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


เอาใหม่ครับ

Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<select name="selectPage" id="selectPage">
<option value="">เลือกวันลา</option>
<option value="1.php">1</option>
<option value="2.php">2</option>
</select>

<div id="showSelectedPage" style="border:1px solid red;width:400px;height:2em;"></div>

<script>
$("select#selectPage").change(function(){
      var url = $("#selectPage option:selected").val();
      var selectedData =  $("#selectPage option:selected").text();
      // จากโค้ดจะ submit ด้วยเมธอด post ไปยัง url ที่แฝงอยู่ใน option value='.....'
      $.post(url,{data:selectedData},function(returningData){
                // หลังจากส่งข้อมูลด้วยตัวแปรชื่อ "data" ไปยัง url เราอาจมีการส่งข้อมูลกลับมาให้
                // หน้าปัจจุบันเพื่อแสดงผล ผมกำหนดให้ข้อมูลที่ถูกส่งกลับมาแสดงผลใน div id="showSelectedPage"
               $("div#showSelectedPage").html(returningData);
      });

});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:30:05 By : sakuraei
 


 

No. 13



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



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


ตอบความคิดเห็นที่ : 12 เขียนโดย : sakuraei เมื่อวันที่ 2012-05-13 14:30:05
รายละเอียดของการตอบ ::
... มันเปลี่ยนหน้าให้ตามที่เลือกแต่ว่า มันไม่มาค่าออกมาครับ และภาษาก็อ่านไม่ไออกครับ.......
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:41:15 By : addy_it
 


 

No. 14



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ลองเอาโค้ดข้างล่าง ไปบันทึกเป็นไฟล์ 1.php ดูน่ะครับ แล้วจะเห็นว่ามันทำงานอย่างไร


1.php
<?php
$i=1;
foreach($_POST as $data){
	echo "<div id=\"div$i\" style=\"color:red;\">$data</div>\n";
	$i++;
}

?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:45:33 By : sakuraei
 


 

No. 15



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



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


ถ้าเป็นแบบนี้ก็ผิดจุดประสงค์ครับ ที่ต้องการไม่ใช่แบบนี้ครับ คือ ผมมี ตัวเลือก อยู่ 4 ตัว ส่วนตัวเลือกที่ 4 คือกำลังทำอยู่นี้หละครับ ว่า ที่เลือกมาแล้ว 3 ตัว จะให้มัน submit form ไปหน้าไหนอะครับ คือตัวที่ 4 เป้นตัวกำหนดว่า ข้อมูลที่เลือกมาจะให้ไปหน้าไหนอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:56:10 By : addy_it
 


 

No. 16



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ไม่เข้าใจครับ ยังไงเอาโค้ดมาดูกันดีกว่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 15:12:29 By : sakuraei
 


 

No. 17



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



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


ยังไงก็ขอบคุณนํ้าใจมาก ๆ เลยนะครับ

<form action="" method="post" name="form1" id="form1"  target="iframe_target">
      <div align="center"><span class="style1">11111111111</span>
          <input name="date" type="text" id="date" value="<?php echo $row_Recordset1['start_date']; ?>" size="11" /> 
          <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.form1.date);return false;" ><img class="PopcalTrigger" align="absmiddle" src="../PopCalendarXP/calbtn.gif" width="16" height="16" border="0" alt="" /></a>
  &nbsp;<span class="style1">ถึงวันที่</span>&nbsp;
  <input name="date1" type="text" id="date1" value="<?php echo $row_Recordset1['end_date']; ?>" size="11" /> 
  <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.form1.date1);return false;" ><img class="PopcalTrigger" align="absmiddle" src="../PopCalendarXP/calbtn.gif" width="16" height="16" border="0" alt="" /></a>
         &nbsp;<span class="style1">&nbsp;เลือกรูปแบบกราฟ</span> <strong><font size="2" face="MS Sans Serif, Tahoma, sans-serif">
         <select name="graph" id="graph" >
           <option value="">เลือกรูปแบบการฟ</option>
           <option value="Pie2D" <? if($graph=="Pie2D"){echo "selected";} ?>>กราฟวงกลม2D</option>
           <option value="Pie3D" <? if($graph=="Pie3D"){echo "selected";} ?>>กราฟวงกลม3D</option>
           <option value="Column2D" <? if($graph=="Column2D"){echo "selected";} ?>>กราฟแท่ง2D</option>
           <option value="Column3D" <? if($graph=="Column3D"){echo "selected";} ?>>กราฟแท่ง3D</option>
           <option value="Line" <? if($graph=="Line"){echo "selected";} ?>>กราฟเส้น2D</option>
           <option value="Area2D" <? if($graph=="Area2D"){echo "selected";} ?>>กราฟเส้น3D</option>
           <option value="Bar2D" <? if($graph=="Bar2D"){echo "selected";} ?>>กราฟแท่งแนวนอน2D</option>
         </select>
         </font></strong>
     <select name="select" id="select">
        <option value="">เลือกวันลา</option>// สุดท้ายจะให้ไปที่หน้าไหนอะครับ
        <option value="chart_va_show_php">ลาพักผ่อน</option>
        <option value="chart_va_show_privacy.php">ลากิจ</option>
    </select>
        </div>
    </form>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 15:16:27 By : addy_it
 


 

No. 18



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



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


ทำได้แล้วครับ ผมอาจจะถามผิดไป 

   <select name="select" id="select" >
	   <option value="">เลือกการลา</option>
	   <option value="" onclick="document.form1.action=111.php'">111</option>
       <option value="" onclick="document.form1.action=222.php'">222</option>
	   <option value="" onclick="document.form1.action=333.php'">333</option>
     </select>
     &nbsp;
     <input type="submit" name="button" id="button" value="แสดงข้อมูล" />


ถ้าทำแบบนี้ onchange ยังใช้ไม่ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 16:23:34 By : addy_it
 


 

No. 19



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


ลองดูน่ะครับ

Code (PHP)
<form action="" method="post" name="form1" id="form1"  target="iframe_target">
      <div align="center"><span class="style1">11111111111</span>
          <input name="date" type="text" id="date" value="<?php echo $row_Recordset1['start_date']; ?>" size="11" /> 
          <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.form1.date);return false;" ><img class="PopcalTrigger" align="absmiddle" src="../PopCalendarXP/calbtn.gif" width="16" height="16" border="0" alt="" /></a>
  &nbsp;<span class="style1">ถึงวันที่</span>&nbsp;
  <input name="date1" type="text" id="date1" value="<?php echo $row_Recordset1['end_date']; ?>" size="11" /> 
  <a href="javascript:void(0)" onclick="if(self.gfPop)gfPop.fPopCalendar(document.form1.date1);return false;" ><img class="PopcalTrigger" align="absmiddle" src="../PopCalendarXP/calbtn.gif" width="16" height="16" border="0" alt="" /></a>
         &nbsp;<span class="style1">&nbsp;เลือกรูปแบบกราฟ</span> <strong><font size="2" face="MS Sans Serif, Tahoma, sans-serif">
         <select name="graph" id="graph" >
           <option value="">เลือกรูปแบบการฟ</option>
           <option value="Pie2D" <? if($graph=="Pie2D"){echo "selected";} ?>>กราฟวงกลม2D</option>
           <option value="Pie3D" <? if($graph=="Pie3D"){echo "selected";} ?>>กราฟวงกลม3D</option>
           <option value="Column2D" <? if($graph=="Column2D"){echo "selected";} ?>>กราฟแท่ง2D</option>
           <option value="Column3D" <? if($graph=="Column3D"){echo "selected";} ?>>กราฟแท่ง3D</option>
           <option value="Line" <? if($graph=="Line"){echo "selected";} ?>>กราฟเส้น2D</option>
           <option value="Area2D" <? if($graph=="Area2D"){echo "selected";} ?>>กราฟเส้น3D</option>
           <option value="Bar2D" <? if($graph=="Bar2D"){echo "selected";} ?>>กราฟแท่งแนวนอน2D</option>
         </select>
         </font></strong>
     <select name="select" id="select">
        <option value="">เลือกวันลา</option>// สุดท้ายจะให้ไปที่หน้าไหนอะครับ
        <option value="chart_va_show_php">ลาพักผ่อน</option>
        <option value="chart_va_show_privacy.php">ลากิจ</option>
    </select>
        </div>
    </form>
<script>
$("#select").change(function(){
    var graphVal = $("#graph option:selected").val();
    var date1 = $("input#date").val();
    var date2 = $("input#date1").val();
    var url = $("option:selected",this).val();
    $.post(url , {dateBeg:date1,dateEnd:date2,graphValue:graphVal} ,function(returningData){
           $("#iframe_target").contents().find("body").html(returningData);
           
              // ไม่ทราบว่า "iframe_target" เป็น id ของ iframe หรือเปล่า 
    });
});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 17:45:23 By : sakuraei
 


 

No. 20



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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


เพิ่มเติมนิดหน่อยน่ะครับ

32.var url = $("option:selected",this).val();
if(url != "")
33.$.post(url , {dateBeg:date1,dateEnd:date2,graphValue:graphVal} ,function(returningData){
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 18:47:35 By : sakuraei
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : onchange ให้ submit form แบบ เลือกว่าจะให้ submit ไปที่หน้าไหน อะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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