説明する方法はわかりません。テキストフィールドにした2つの選択プルダウンがあり、片側に設定された結果から値を選択して反対側に追加できます。反対側が削除された後、値は結果セットに戻ります。デモンストレーションの例を直接見てみましょう。私はあなたが将来後者を使用すると信じています!
それほどではありません、コードを追加してください:
コードコピーは次のとおりです。
<!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> select </title>
<script type = "text/javascript" src = "jquery.min.js"> </script>
<スクリプト>
$(function(){
$( "#car_type_list")。dblclick(function(){
var s_val = this.value;
if(s_val == '')return;
$(this).children( "option [value = '"+s_val+"']")。remove();
$( "#car_type")。
//次のコードは、選択した値をID car_type_valで入力にバックアップすることで、値を渡すことができます
$( "#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+"']")。remove();
$( "#car_type_list")。
var now_val = $( "#car_type_val")。val();
now_val = now_val.replace(s_val+"@"、 "");
$( "#car_type_val")。val(now_val);
alert($( "#car_type_val")。val())
});
})
</script>
</head>
<body>
<入力型= "hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<select倍数= "multiple" style = "min-width:200px; min-height:80px;" id = "car_type">
</select> <>
<select倍数= "multiple" style = "min-width:200px; min-height:80px;" id = "car_type_list">
<オプション値= "2014 Forest Manシリーズ"> 2014 Forest Manシリーズ</option>
<オプション値= "2014アウトバックシリーズ"> 2014アウトバックシリーズ</option>
<オプション値= "2014レガシーシリーズ"> 2014レガシーシリーズ</option>
<オプション値= "2014xvシリーズ"> 2014xvシリーズ</option>
<オプション値= "wrx sti"> wrx sti </option>
<オプション値= "subaru brz"> subaru brz </option>
<オプション値= "Tribeca"> Tribeca </option>
</select>
</body>
</html>
「<input type = "hidden" name = "car_type" value = "" id = "car_type_val" /> "の関数はコンテナに相当し、フォームを送信するときに値を渡すことができます。値を受信するページに、PHPなどの対応する言語を使用して、エクスプロイト関数を使用して、境界として「@」を使用して配列に分割します。