No sé cómo describirlo, hay dos trenes-down seleccionados, convertidos en campos de texto, donde puede seleccionar el valor del resultado establecido en un lado y agregarlo al otro lado; Después de eliminar el otro lado, el valor volverá al conjunto de resultados. Echemos un vistazo a la demostración de ejemplo directamente. ¡Creo que usarás este último en el futuro!
No mucho, agregue el código:
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> seleccione </title>
<script type = "text/javaScript" src = "jQuery.min.js"> </script>
<script>
$ (function () {
$ ("#car_type_list"). dblclick (function () {
var s_val = this.Value;
if (s_val == '') return;
$ (this) .Children ("opción [valor = '"+s_val+"']"). remove ();
$ ("#car_type"). append ('<option value = "'+s_val+'">'+s_val+'</option>');
// El siguiente código es hacer una copia de seguridad del valor seleccionado a una entrada con ID CAR_TYPE_VAL, y puede pasar el valor
$ ("#car_type_val"). val ($ ("#car_type_val"). val ()+s_val+"@");
alerta ($ ("#car_type_val"). Val ())
});
$ ("#car_type"). dblClick (function () {
var s_val = this.Value;
if (s_val == '') return;
$ (this) .Children ("opción [valor = '"+s_val+"']"). remove ();
$ ("#car_type_list"). append ('<opción valor = "'+s_val+'">'+s_val+'</opción>');
var now_val = $ ("#car_type_val"). val ();
ahora_val = ahora_val.replace (s_val+"@", "");
$ ("#car_type_val"). Val (ahora_val);
alerta ($ ("#car_type_val"). Val ())
});
})
</script>
</ablo>
<Body>
<input type = "Hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<select múltiple = "múltiple" style = "min-width: 200px; min-aguja: 80px;" id = "car_type">
</select> <>
<select múltiple = "múltiple" style = "min-width: 200px; min-aguja: 80px;" id = "car_type_list">
<opción valor = "Serie Forest Man 2014"> 2014 Forest Man Series </opción>
<opción valor = "Serie Outback 2014"> 2014 Outback Series </opción>
<opción valor = "Serie Legacy 2014"> 2014 Legacy Series </opción>
<opción valor = "Serie 2014xv"> Serie 2014xv </opción>
<opción valor = "wrx sti"> wrx sti </opción>
<opción valor = "Subaru BRZ"> Subaru BRZ </ppection>
<opción value = "Tribeca"> Tribeca </opción>
</select>
</body>
</html>
La función de "<input type =" Hidden "name =" car_type "value =" "id =" car_type_val " />" es equivalente a un contenedor, y el valor se puede pasar al enviar el formulario. A la página que recibe el valor, use el lenguaje correspondiente, como PHP, use la función de explotación y divídala en una matriz con "@" como límite.