ฉันกำลังสร้างหน้าใน JSP ที่ฉันมีรายการแบบเลื่อนลงและเมื่อผู้ใช้เลือกค่าที่เขาต้องคลิกที่ปุ่มไปแล้วค่าจะถูกส่งไปยัง Servlet
</select>
<input type="submit" name="GO" value="Go"/>
ฉันจะทำให้มันเปลี่ยนได้อย่างไร? เช่นเมื่อผู้ใช้เลือก John รายละเอียดทั้งหมดของเขาจะถูกดึงออกมาจากฐานข้อมูลและแสดง ฉันต้องการให้ระบบทำโดยไม่ต้องคลิกปุ่มไป
คำตอบ:
เพียงแค่ขอความช่วยเหลือจาก JavaScript
<select onchange="this.form.submit()">
...
</select><noscript>แบนเนอร์ว่าประสบการณ์ของเว็บไซต์จะดีกว่าหากเปิดใช้งาน JS ทางเลือกที่แตกต่างอย่างสิ้นเชิงคือการใช้<ul><li><input type="submit">และส่ง CSS โหลดเพื่อให้ดูเหมือนรายการดรอปดาวน์จริง แต่ไม่มีวิธีการ<select>อีกต่อไปแล้ว
<noscript>This form requires that you have javascript enabled to work properly please enable javascript in your browser.</noscript> เช่นกัน @NathanHornby หากคุณต้องการการอ้างอิงจริง ๆ ทำไมคุณไม่ไปห้องสมุดสาธารณะจาวาสคริปต์บล็อกห้องสมุดสาธารณะส่วนใหญ่ด้วยเหตุผลด้านความปลอดภัย ไม่พยายามที่จะส่งผ่านตามตำนานที่มีอยู่และกำลังดำเนินการส่วนใหญ่ด้วยเหตุผลด้านความปลอดภัยเพื่อรักษาความสมบูรณ์ของคอมพิวเตอร์เนื่องจากจาวาสคริปต์บางตัวเป็นรหัสที่เป็นอันตราย ...
submitปุ่มใน<noscript>แท็ก มันจะแสดงเฉพาะถ้าผู้ใช้ใช้ noscript ผู้ใช้ที่เปิดใช้งาน JS สามารถเลือกองค์ประกอบอย่างง่ายและผู้ใช้ที่มี noscript จะคลิกปุ่มส่ง :)
JavaScript ง่ายๆจะทำ -
<form action="myservlet.do" method="POST">
<select name="myselect" id="myselect" onchange="this.form.submit()">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
</form>นอกเหนือจากการใช้this.form.submit()คุณส่งด้วย ID หรือชื่อ ตัวอย่างฉันมีรูปแบบเช่นนี้:<form action="" name="PostName" id="IdName">
โดยชื่อ : <select onchange="PostName.submit()">
โดย Id: <select onchange="IdName.submit()">
เพื่อผู้ที่อยู่ในคำตอบข้างต้น มันเป็นจาวาสคริปต์อย่างแน่นอน มันเป็นแบบอินไลน์
BTW เทียบเท่า jQuery หากคุณต้องการใช้กับการเลือกทั้งหมด:
$('form select').on('change', function(){
$(this).closest('form').submit();
});