JQuery достижения о преобразовании содержимого

1  <! DOCTYPE HTML > 
2  < HTML языки = "EN" > 
3  < голова > 
4      < мета кодировка = "UTF-8" > 
5      < название > Заголовок </ название > 
6  
7      < стиль > 
8          выберите { 
9              ширина : 100px ; 
10              высота : 130px ; 
11              цвет фона :#cccccc ; 
12  
13          } 
14  
15          DIV { 
16              Дисплей : встроенный блок ; 
17          } 
18  
19          ввода   { 
20              Дисплей : блок ; 
21              Запас : 5px ; 
22          } 
23  
24      </ стиль > 
25  
26  
27  
28  </ голова > 
29  < тела > 
30  
31  <h2 > выберите пример </ h2 > 
32  < выберите имя = "srcity" ID = "srcity" множественный > 
33      < параметр значение = "1" > Пекин </ вариант > 
34      < параметр значение = "2" > Токио </ вариант > 
35      < параметр значение = "3" > Нью - Йорк </ вариант > 
36      <Опция значение = "4" >Берлин </ вариант > 
37      < параметр значение = "5" > Париж </ вариант > 
38      < параметр значение = "6" > Сингапур </ опции > 
39  </ выберите > 
40  
41  
42  < DIV > 
43      < входной тип =» кнопка " значение = ">" > 
44      < входной тип = "кнопка" значение =">>» > 
45      <входной тип = "кнопка" значение = "<" > 
46      < входной тип = "кнопка" значение = "<<" > 
47  </ DIV > 
48  
49  
50  
51  < выберите имя = "tarsrc" ID = "tarsrc" множественный > 
52  
53  </ выберите > 
54  
55  
56  
57  < сценарий SRC = "https://code.jquery.com/jquery-3.4.1.min.js" > </ Скрипт > 
58  
59  <сценарий > 
60  
61  
62      $ ( функция () {
 63          $ ( " вход [значение = \"> \ "] " ) .click (
 64              функция () {
 65                  $ ( " #tarsrc " ) .append ($ ( " # srcity> вариант: выбран " ));
 66              }
 67          );
 68  
69          $ ( " вход [значение = \ ">> \"] " ) .click ( функция () {
 70              $ ( "#srcity> вариант" ) .AppendTo ($ ( " #tarsrc " ));
 71          });
 72  
73          $ ( " вход [значение = \ "<\"] " ) .click ( функция () {
 74              $ ( " #srcity " ) .append ($ ( " #tarsrc> вариант: выбран " ));
 75          });
 76  
77          $ ( " вход [значение = \" << \ "] " ) .click ( функция () {
 78              $ ( " # srcity ") .append ($ ( "#tarsrc> вариант " ));
 79          });
 80  
81  
82  
83      });
 84  
85  </ сценарий > 
86  
87  
88  
89  
90  
91  </ тело > 
92  </ HTML >
JQuery достижения о преобразовании содержимого

рекомендация
