Je ne sais pas comment le décrire, il y a deux éléments de frappe sélectionnés, transformés en champs de texte, où vous pouvez sélectionner la valeur parmi les résultats définis d'un côté et l'ajouter de l'autre côté; Une fois l'autre côté supprimé, la valeur sera de retour à l'ensemble de résultats. Jetons un coup d'œil à l'exemple de démonstration directement. Je crois que vous utiliserez ce dernier à l'avenir!
Pas grand-chose, veuillez ajouter le code:
La copie de code est la suivante:
<! 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">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> SELECT </TITME>
<script type = "text / javascript" src = "jQuery.min.js"> </ script>
<cript>
$ (function () {
$ ("# car_type_list"). dblclick (function () {
var s_val = this.value;
if (s_val == '') return;
$ (this) .children ("option [value = '" + s_val + "']"). retire ();
$ ("# car_type"). APPEND ('<option value = "' + s_val + '">' + s_val + '</ option>');
// Le code suivant est de sauvegarder la valeur sélectionnée à une entrée avec id car_type_val, et vous pouvez transmettre la valeur
$ ("# car_type_val"). val ($ ("# car_type_val"). val () + s_val + "@");
alert ($ ("# car_type_val"). Val ())
});
$ ("# car_type"). dblclick (function () {
var s_val = this.value;
if (s_val == '') return;
$ (this) .children ("option [value = '" + s_val + "']"). retire ();
$ ("# car_type_list"). append ('<option value = "' + s_val + '">' + s_val + '</ option>');
var now_val = $ ("# car_type_val"). val ();
NOW_VAL = NOW_VAL.replace (S_VAL + "@", "");
$ ("# car_type_val"). Val (maintenant_val);
alert ($ ("# car_type_val"). Val ())
});
})
</cript>
</ head>
<body>
<input type = "Hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<select multiple = "multiple" style = "min-width: 200px; min-height: 80px;" id = "car_type">
</lect> <>
<select multiple = "multiple" style = "min-width: 200px; min-height: 80px;" id = "car_type_list">
<Option Value = "2014 Forest Man Series"> 2014 Forest Man Series </ Option>
<Option Value = "2014 Outback Series"> 2014 Outback Series </opoption>
<Option Value = "2014 Legacy Series"> 2014 Legacy Series </ Option>
<Option Value = "2014xv Series"> Série 2014xv </opoption>
<Option Value = "WRX STI"> WRX STI </ OPTION>
<option valeur = "subaru brz"> subaru brz </opoption>
<Option Value = "Tribeca"> Tribeca </ Option>
</lect>
</docy>
</html>
La fonction de "<input type =" HIDDEN "name =" car_type "value =" "id =" car_type_val "/>" est équivalente à un conteneur, et la valeur peut être transmise lors de la soumission du formulaire. À la page qui reçoit la valeur, utilisez la langue correspondante, telle que PHP, utilisez la fonction d'exploitation et divisez-la en un tableau avec "@" comme limite.