Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่องการทำ Listbox onchange submit ไม่ทำงานใน option ที่ 1 ครับ

สอบถามเรื่องการทำ Listbox onchange submit ไม่ทำงานใน option ที่ 1 ครับ

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

gmgo

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

Code (PHP)

<form name='test' method='post'  action='borrow-item-report.php?borrow_id=33'  >
                                                    <select type="select" id="year_se" class="form-select" name="year_se">														 											 
													 <option value="2021">2564</option>
													 <option value="2022">2565</option>
													 <option value="2023">2566</option>
													 <option value="2024">2567</option>
													 <option value="2025">2568</option>
													 <option value="2026">2569</option>
													 <option value="2027">2570</option>
													 <option value="2028">2571</option>
													 <option value="2029">2572</option>
													 </select>
												</form>

Code (JavaScript)

<script type="text/javascript">

  jQuery(function() {
    jQuery('#year_se').change(function() {
        this.form.submit();
    });
});
</script>

เวลากดเลือก ปี 2565 -2572 มัน submit ให้ได้ปกติ แต่พอเลือก 2564 option ตัวแรก ไม่มีไรเกิดขึ้นครับ เกิดจากอะไรครับ เหมือน script ไม่ทำงาน แต่ส่วนอื่นทำงานปกติครับ

Tag : PHP

ประวัติการแก้ไข
2021-10-16 17:07:30

Date : 2021-10-16 17:07:04

By : gmgo

View : 548

Reply : 4

No. 1

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

ถ้า select option มีค่า 2564 เป็นตัวแรก เบราว์เซอร์จะเลือกให้โดยอัตโนมัติ ดังนั้นมันจึงไม่เข้าไปใน onchange
ถ้าจะให้ onchange ทำงาน ต้องมีตัวเลือกแรกที่กำหนดให้ อาจจะไม่มีค่าอะไร อย่างเช่น <option value="">โปรดเลือก</option> แบบนี้ แล้วใน onchange ก็ตรวจก่อน submit ว่าได้เลือกแล้ว

Date : 2021-10-16 17:37:15

By : mr.v

No. 2

gmgo

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

อัพเดทครับ สามารถทำได้แล้วครับ จากบทความ ขอบคุณพี่วินครับ

https://www.thaicreate.com/script/forum/058859.html

Code (PHP)

<form name='test' method='post'  action='borrow-item-report.php?borrow_id=33'  >
    <select type="select" id="year_se" class="form-select" name="year_se">	
		<option value="2021" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2021"){echo"selected";}?>>2564</option>
		<option value="2022" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2022"){echo"selected";}?>>2565</option>
		<option value="2023" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2023"){echo"selected";}?>>2566</option>
		<option value="2024" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2024"){echo"selected";}?>>2567</option>
		<option value="2025" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2025"){echo"selected";}?>>2568</option>
		<option value="2026" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2026"){echo"selected";}?>>2569</option>
		<option value="2027" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2027"){echo"selected";}?>>2570</option>
		<option value="2028" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2028"){echo"selected";}?>>2571</option>
		<option value="2029" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2029"){echo"selected";}?>>2572</option>
	</select>
</form>

ประวัติการแก้ไข
2021-10-16 17:43:04

Date : 2021-10-16 17:37:38

By : gmgo

No. 3

gmgo

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2021-10-16 17:37:15

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

ใช่ครับ ถูกต้องตาม พี่ V บอกเลยครับ แต่ มันติดที่ เราต้องการใช้มันแสดงผลเป้นปี พศ อันดับแรกเลยเลยครับ เลยลืมนึกเรื่อง isset แล้วกำหนดค่าให้เลยดีกว่า ไม่รู้ว่าเขียนถูกไหมนะครับ 5555 แต่ว่าได้ผลตามที่ต้องการครับ ขอบคุณครับ

Date : 2021-10-16 17:41:25

By : gmgo

No. 4

Chaidhanan

โพสกระทู้ ( 9,587 )
บทความ ( 2 )

Code (PHP)

<option value="2021" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2021"){echo"selected";}?>>2564</option>
<option value="2022" <?php if(isset($_POST["year_se"]) and $_POST["year_se"]=="2022"){echo"selected";}?>>2565</option>
//แก้ไขให้สั้นลง
<option value="2021" <?=($py = $_POST["year_se"]??0)==2021 ? 'selected' : ''?> >2564</option>
<option value="2022" <?=$py==2022 ? 'selected' : ''?> >2565</option>

เมื่อเป็นค่าแรก จากการเปิด browser แล้วต้องการให้ทำงานเลย
Code (JavaScript)

jQuery('#year_se').change(function() {
  this.form.submit();
}).change(); // เพิ่มคำสั่งนี้

ปล.อีกที พอดีเห็น this.form.submit() ซึ่งไม่ควรทำ ยกเว้นว่าคุณจะเขียน ตรวจสอบ ใน onsubmit ไว้แล้ว

ประวัติการแก้ไข
2021-10-17 08:08:57
2021-10-17 08:12:26
2021-10-17 08:16:34

Date : 2021-10-17 08:08:25

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่องการทำ Listbox onchange submit ไม่ทำงานใน option ที่ 1 ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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