Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

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

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

เริ่มหัวข้อใหม่

add

โพสกระทู้ ( 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

Date : 2012-05-11 16:48:03

By : addy_it

View : 2454

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

add

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

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

Date : 2012-05-11 17:25:53

By : addy_it

No. 3

add

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

เขียนอย่างไร ใครรู้บ้างครับ ช่วยหน่อยครับ

Date : 2012-05-13 09:57:14

By : addy_it

No. 4

Thailandonlyjob เว็บหางานใหม่

โพสกระทู้ ( 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

add

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

เงียบเลยครับ อยู่นิ่งไ ไม่ไปไหนเลยครับ

Date : 2012-05-13 11:37:40

By : addy_it

No. 6

Unidentifier

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

การ 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

add

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

ครับ..

Date : 2012-05-13 11:45:57

By : addy_it

No. 8

Thailandonlyjob เว็บหางานใหม่

โพสกระทู้ ( 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

add

โพสกระทู้ ( 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

add

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

ของคุณ Unidentifer นิ่งครัีบ.. ไม่มีไรเกิดขึ้น

Date : 2012-05-13 13:56:16

By : addy_it

No. 11

add

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

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

ประวัติการแก้ไข
2012-05-13 14:13:35

Date : 2012-05-13 14:11:40

By : addy_it

No. 12

Unidentifier

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

เอาใหม่ครับ

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

add

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

ตอบความคิดเห็นที่ : 12 เขียนโดย : sakuraei เมื่อวันที่ 2012-05-13 14:30:05

รายละเอียดของการตอบ ::

... มันเปลี่ยนหน้าให้ตามที่เลือกแต่ว่า มันไม่มาค่าออกมาครับ และภาษาก็อ่านไม่ไออกครับ.......

Date : 2012-05-13 14:41:15

By : addy_it

No. 14

Unidentifier

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

ลองเอาโค้ดข้างล่าง ไปบันทึกเป็นไฟล์ 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

add

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

ถ้าเป็นแบบนี้ก็ผิดจุดประสงค์ครับ ที่ต้องการไม่ใช่แบบนี้ครับ คือ ผมมี ตัวเลือก อยู่ 4 ตัว ส่วนตัวเลือกที่ 4 คือกำลังทำอยู่นี้หละครับ ว่า ที่เลือกมาแล้ว 3 ตัว จะให้มัน submit form ไปหน้าไหนอะครับ คือตัวที่ 4 เป้นตัวกำหนดว่า ข้อมูลที่เลือกมาจะให้ไปหน้าไหนอะครับ

Date : 2012-05-13 14:56:10

By : addy_it

No. 16

Unidentifier

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

ไม่เข้าใจครับ ยังไงเอาโค้ดมาดูกันดีกว่า

Date : 2012-05-13 15:12:29

By : sakuraei

No. 17

add

โพสกระทู้ ( 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

add

โพสกระทู้ ( 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

Unidentifier

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

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

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

Unidentifier

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

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

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 ไปที่หน้าไหน อะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] onchange ให้ submit form แบบ เลือกว่าจะให้ submit ไปที่หน้าไหน อะครับ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

No. 9

No. 10

No. 11

No. 12

No. 13

No. 14

No. 15

No. 16

No. 17

No. 18

No. 19

No. 20

ค้นหาข้อมูล

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

Notice

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