Я не знаю, как это описать, есть два выбранных выпадения, изготовленные в текстовые поля, где вы можете выбрать значение из набора результатов с одной стороны и добавить его на другую сторону; После удаления другой стороны значение вернется к набору результатов. Давайте посмотрим на пример демонстрации напрямую. Я считаю, что вы будете использовать последнее в будущем!
Не много, пожалуйста, добавьте код:
Кода -копия выглядит следующим образом:
<! 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">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<TILE> Выберите </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"). Append ('<option value = "'+s_val+'">'+s_val+'</option>');
// Следующий код должен сделать резервное копирование выбранного значения на ввод с 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"). 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 (now_val);
Alert ($ ("#car_type_val"). val ())
});
})
</script>
</head>
<тело>
<input type = "hidden" name = "car_type" value = "" id = "car_type_val" /> <br/>
<SELECT MALTY = "MALTY" style = "min-width: 200px; min-height: 80px;" id = "car_type">
</select> <>
<SELECT MALTY = "MALTY" style = "min-width: 200px; min-height: 80px;" id = "car_type_list">
<опция Value = "2014 Series серия"> 2014 серия Forest Man </option>
<antain value = "2014 серия Outback"> 2014 серия Outback </option>
<опция value = "2014 Legacy Series"> 2014 Legacy Series </option>
<опция value = "2014xv series"> 2014xv series </option>
<option value = "wrx sti"> wrx sti </option>
<option value = "subaru brz"> subaru brz </option>
<option value = "tribeca"> tribeca </option>
</select>
</body>
</html>
Функция «<input type =" hidden "name =" car_type "value =" "id =" car_type_val " />" эквивалентна контейнеру, и значение может быть передано при отправке формы. На странице, которая получает значение, используйте соответствующий язык, такой как PHP, используйте функцию эксплойта и разделите его на массив с «@» в качестве границы.