Saya tidak tahu bagaimana menggambarkannya, ada dua pull-down terpilih, dibuat ke bidang teks, di mana Anda dapat memilih nilai dari hasil yang ditetapkan di satu sisi dan menambahkannya ke sisi lain; Setelah sisi lain dihapus, nilainya akan kembali ke set hasil. Mari kita lihat contoh demonstrasi secara langsung. Saya yakin Anda akan menggunakan yang terakhir di masa depan!
Tidak banyak, tolong tambahkan kodenya:
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> pilih </iteme>
<script type = "text/javascript" src = "jQuery.min.js"> </script>
<script>
$ (function () {
$ ("#car_type_list"). dblClick (function () {
var s_val = this.value;
if (s_val == '') kembali;
$ (ini) .children ("opsi [value = '"+s_val+"']"). Remove ();
$ ("#car_type"). append ('<option value = "'+s_val+'">'+s_val+'</tiption>');
// Kode berikut adalah mencadangkan nilai yang dipilih ke input dengan ID car_type_val, dan Anda dapat memberikan nilainya
$ ("#car_type_val"). Val ($ ("#car_type_val"). Val ()+s_val+"@");
peringatan ($ ("#car_type_val"). Val ())
});
$ ("#car_type"). dblClick (function () {
var s_val = this.value;
if (s_val == '') kembali;
$ (ini) .children ("opsi [value = '"+s_val+"']"). Remove ();
$ ("#car_type_list"). append ('<option value = "'+s_val+'">'+s_val+'</tiption>');
var now_val = $ ("#car_type_val"). val ();
now_val = now_val.replace (s_val+"@", "");
$ ("#car_type_val"). Val (now_val);
peringatan ($ ("#car_type_val"). Val ())
});
})
</script>
</head>
<body>
<input type = "hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<Pilih beberapa = "ganda" style = "Min-lebar: 200px; min-height: 80px;" id = "car_type">
</pilih> <>
<Pilih beberapa = "ganda" style = "Min-lebar: 200px; min-height: 80px;" id = "car_type_list">
<Opsi Value = "2014 Forest Man Series"> 2014 Forest Man Series </pect>
<Option value = "2014 Outback Series"> 2014 Outback Series </pection>
<Option value = "2014 Legacy Series"> 2014 Legacy Series </pection>
<Option value = "2014xv Series"> 2014xv Series </option>
<Option value = "wrx sti"> wrx sti </pection>
<Option value = "Subaru Brz"> Subaru Brz </pection>
<Opsi value = "tribeca"> tribeca </pection>
</pilih>
</body>
</html>
Fungsi "<input type =" tersembunyi "name =" car_type "value =" "id =" car_type_val " />" setara dengan wadah, dan nilainya dapat dilewati saat mengirimkan formulir. Ke halaman yang menerima nilai, gunakan bahasa yang sesuai, seperti PHP, gunakan fungsi eksploitasi dan membaginya menjadi array dengan "@" sebagai batas.