ฉันไม่ทราบวิธีการอธิบายมีสองตัวเลือกแบบ pull-downs ทำลงในฟิลด์ข้อความซึ่งคุณสามารถเลือกค่าจากชุดผลลัพธ์ที่ด้านหนึ่งและเพิ่มลงในอีกด้านหนึ่ง หลังจากลบอีกด้านหนึ่งค่าจะกลับไปที่ชุดผลลัพธ์ มาดูตัวอย่างการสาธิตโดยตรง ฉันเชื่อว่าคุณจะใช้สิ่งหลังในอนาคต!
ไม่มากโปรดเพิ่มรหัส:
การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> เลือก </title>
<script type = "text/javascript" src = "jQuery.min.js"> </script>
<script>
$ (function () {
$ ("#car_type_list"). dblclick (function () {
var s_val = this.value;
ถ้า (s_val == '') กลับ;
$ (นี่) .children ("ตัวเลือก [value = '"+s_val+"']"). ลบ ();
$ ("#car_type"). ผนวก ('<ตัวเลือกค่า = "'+s_val+'">'+s_val+'</potion>');
// รหัสต่อไปนี้คือการสำรองค่าที่เลือกไปยังอินพุตด้วย ID car_type_val และคุณสามารถผ่านค่าได้
$ ("#car_type_val"). val ($ ("#car_type_val"). val ()+s_val+"@");
การแจ้งเตือน ($ ("#car_type_val"). val ())
-
$ ("#car_type"). dblclick (function () {
var s_val = this.value;
ถ้า (s_val == '') กลับ;
$ (นี่) .children ("ตัวเลือก [value = '"+s_val+"']"). ลบ ();
$ ("#car_type_list"). ผนวก ('<ตัวเลือกค่า = "'+s_val+'">'+s_val+'</optup>');
var now_val = $ ("#car_type_val"). val ();
now_val = now_val.replace (s_val+"@", "");
$ ("#car_type_val"). val (now_val);
การแจ้งเตือน ($ ("#car_type_val"). val ())
-
-
</script>
</head>
<body>
<input type = "hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<เลือก multiple = "multiple" style = "min-width: 200px; min-height: 80px;" id = "car_type">
</เลือก> <>
<เลือก multiple = "multiple" style = "min-width: 200px; min-height: 80px;" id = "car_type_list">
<option value = "2014 Forest Man Series"> 2014 Forest Man Series </petion>
<ตัวเลือกค่า = "2014 Outback Series"> 2014 Outback Series </portion>
<ตัวเลือกค่า = "2014 Legacy Series"> 2014 Legacy Series </potion>
<ตัวเลือกค่า = "2014xv series"> 2014xv series </portion>
<ตัวเลือกค่า = "wrx sti"> wrx sti </potion>
<ตัวเลือกค่า = "subaru brz"> subaru brz </potion>
<ตัวเลือกค่า = "Tribeca"> Tribeca </pontion>
</เลือก>
</body>
</html>
ฟังก์ชั่นของ "<อินพุต type =" hidden "name =" car_type "value =" "id =" car_type_val " />>" เทียบเท่ากับคอนเทนเนอร์และค่าสามารถส่งผ่านเมื่อส่งแบบฟอร์ม ในหน้าเว็บที่ได้รับค่าใช้ภาษาที่เกี่ยวข้องเช่น PHP ใช้ฟังก์ชันการหาประโยชน์และแบ่งออกเป็นอาร์เรย์ด้วย "@" เป็นขอบเขต