Copier le code du code comme suit:
<html>
<adal>
<Title> JavaScript Edition Sélectionnez le menu Drop -Down pour déplacer et le trier </Title>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
</ head>
<body>
<p> Sélectionnez un ou plusieurs, puis cliquez pour ajouter ou supprimer (vous pouvez choisir plusieurs sélections de Shift ou Ctrl), ou double-cliquez à l'élément de sélection pour l'ajout et supprimer. </p>
<Form méthode = "post" name = "myform">
<ballage>
<tr>
<TD>
<selet multiple name = "list1" size = "12" ondblclick = "moveOption (document.myform.list1, document.myform.list2)">
<option value = "beijing"> beijing </ option>
<option value = "shanghai"> shanghai </ option>
<Option Value = "Shandong"> Shandong </ Option>
<option value = "anhui"> anhui </ option>
<Option Value = "Chongqing"> Chongqing </opoption>
<Option Value = "Fujian"> Fujian </ Option>
<option value = "gansu"> gansu </opoption>
<Option Value = "Guangdong"> Guangdong </ Option>
<option value = "guangxi"> guangxi </opoption>
<Option Value = "Guizhou"> Guizhou </ Option>
<Option Value = "Hainan"> Hainan </ Option>
<option value = "hebei"> hebei </ option>
<Option Value = "HeilongJiang"> HeilongJiang </poption>
<Option Value = "Henan"> Henan </ Option>
<option value = "hubei"> hubei </ option>
<Option Value = "Hunan"> Hunan </opoption>
<Option Value = "Mongolie intérieure"> Mongolie intérieure </opoption>
<option value = "jiangsu"> jiangsu </opoption>
<option value = "jiangxi"> jiangxi </ option>
<Option Value = "Jilin"> Jilin </ Option>
<option valeur = "liaoning"> liaoning </opoption>
<option value = "ningxia"> ningxia </opoption>
<Option Value = "Qinghai"> Qinghai </ Option>
<option value = "shanxi"> shanxi </ option>
<option value = "shaanxi"> shaanxi </opoption>
<option value = "Sichuan"> Sichuan </opoption>
<Option Value = "Tianjin"> Tianjin </ Option>
<Option Value = "Tibet"> Tibet </ Option>
<Option Value = "Xinjiang"> Xinjiang </opoption>
<option value = "yunnan"> yunnan </ option>
<option value = "zhejiang"> zhejiang </opoption>
<Option Value = "Hong Kong"> Hong Kong </ Option>
<option value = "macau"> macau </ option>
<option value = "taiwan"> taiwan </ option>
<option valeur = "autre"> autre </opoption>
</lect>
</td>
<td align = "Center">
<input type = "Button" value = ">>" onclick = "moveOption (document.myform.list1, document.myform.list2)"> <br />
<br />
<input type = "Button" value = "<<" "onclick =" moveOption (document.myform.list2, document.myform.list1) ">">
</td>
<TD>
<selet multiple name = "list2" size = "12" wdblclick = "moveOption (document.myform.list2, document.myform.list1)">
</lect>
</td>
<TD>
<bouton onclick = "ChangePos (list2, -1)" type = "bouton">
Sur </frutton>
<br />
<bouton onclick = "ChangePos (list2,1)" type = "bouton">
Sur </frutton>
</td>
</tr>
</ table>
Valeur: <input type = "text" name = "city" size = "40">
</ form>
<script linguisse = "javascript">
<! -
Fonction moveOption (e1, e2) {{{
essayer {
pour (var i = 0; i <e1.options.length; i ++) {
if (e1.options [i] .select) {{
var e = e1.options [i];
e2.options.add (nouvelle option (e.text, e.value));
e1.remove (i);
i = i -1
}
}
document.myform.city.value = getValue (document.myform.list2);
}
catch (e) {}
}
fonction getValue (geto) {
var allvalue = "";
pour (var i = 0; i <geto.options.length; i ++) {
allValue + = geto.options [i].
}
Retourner allValue;
}
Fonction changepos (obj, index) {
if (index == -1) {{
if (obj.selectedIndex> 0) {{{{
obj.options (obj.selected) .swapnode (obj.options (obj.selectex -1))
}
}
else if (index == 1) {{
ifj.selectedIndex <obj.options.length -1) {{
obj.options (obj.selected) .swapnode (obj.options (obj.selectinDindex + 1))
}
}
}
// ->
</cript>
</docy>
</html>