Chosen: рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛") рдореЗрд░реЗ рджреНрд╡рд╛рд░рд╛ рджрд┐рдП рдЧрдП рд╡рд┐рдХрд▓реНрдк рдХреЛ рдЪреБрдирдиреЗ рдХрд╛ рдЕрдзрд┐рдХрд╛рд░ рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 18 рдЕрдХреНрддреВре░ 2016  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: harvesthq/chosen

рдЬрдм рдореИрдВ AJAX рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ dirrert рдорд╛рди рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ
рдкрд╣рд▓реА рдмрд╛рд░ рд╕рдорд╛рд░реЛрд╣ рд╕рд╣реА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ
рджреЛ рдмрд╛рд░ рдпрд╛ рдЕрдзрд┐рдХ рдХреЗ рдмрд╛рдж рдЬрдм рдореИрдВрдиреЗ num1 рдЪрдпрди рд╡рд┐рдХрд▓реНрдк рдХреЛ рдмрджрд▓ рджрд┐рдпрд╛
рдЕрдиреНрдп num2 рдЪрдпрди рдХреЛ рдХреБрдЫ рдФрд░ рд╡рд┐рдХрд▓реНрдк рдХрд╛ рдЪрдпрди рдХрд░рдХреЗ рдЕрджреНрдпрддрди рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП val
рд▓реЗрдХрд┐рди рдПрдХрд╛рдзрд┐рдХ рдирд╣реАрдВ рд╕рднреА рд╡рд┐рдХрд▓реНрдк рдЬрд┐рдиреНрд╣реЗрдВ рдореБрдЭреЗ рдЪрдпрдирд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рдпрд╛ рдХрд┐рд╕реА рдХреЛ рднреА рдирд╣реАрдВ рдЪреБрдирд╛ рдЧрдпрд╛ рд╣реИ

рдЕрдкреЗрдХреНрд╖рд┐рддреН рд╡реНрдпрд╡рд╣рд╛рд░

рд╣рдореЗрдВ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЬрдм рдореИрдВ рдПрдХ рдЪреБрдирд┐рдВрджрд╛ elment . рдХреЛ рдмрджрд▓рддрд╛ рд╣реВрдВ
рдЪрдпрдирд┐рдд рдЕрдиреНрдп рд╡рд┐рдХрд▓реНрдк рджреНрд╡рд╛рд░рд╛ рдЪрдпрди 2 рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдореВрд▓ рд╡рд┐рдХрд▓реНрдк рд╣реИ рдЬреЛ рдореБрдЭреЗ рдЕрдЬрд╛рдХреНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдорд┐рд▓рддрд╛ рд╣реИ

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╡реНрдпрд╡рд╣рд╛рд░

рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рд╣рдореЗрдВ рдмрддрд╛рдПрдВред

рдкрд░реНрдпрд╛рд╡рд░рдг

  • рдЪреБрдирд╛ рдЧрдпрд╛ рд╕рдВрд╕реНрдХрд░рдг : 1.6.2
  • jQuery рдпрд╛ рдкреНрд░реЛрдЯреЛрдЯрд╛рдЗрдк рд╕рдВрд╕реНрдХрд░рдг :
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : рдХреНрд░реЛрдо 54.0.2840.59 рдореАрдЯрд░ (64-рдмрд┐рдЯ)
  • рдУрдПрд╕ рдФрд░ рд╕рдВрд╕реНрдХрд░рдг : WIN7 SP1 64BIT






рдордиреЛрд░рдВрдЬрди рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдХрд░рдирд╛ {
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
}
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");

рддреЛ рд╢рд╛рдпрдж рдмрд╛рдж рдореЗрдВ рдХрднреА-рдХрднреА рдореБрдЭреЗ рдЪреБрдиреЗ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдирд╣реАрдВ рдорд┐рд▓рддрд╛ ???
рдореИрдВ рдирд╣реАрдВ рдЬрд╛рдирддрд╛ рдХрд┐ рдореБрдЭреЗ рдРрд╕рд╛ рдХрд░рдирд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╕рд╣реА рд╡рд┐рдХрд▓реНрдк рдЪреБрди рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рдХреА рдореБрдЭреЗ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рд╣рд╛рдп рдмреНрд▓реИрдВрдХрд╣реИрдВрдЧ,
рдЗрд╕рд╕реЗ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рддреБрдо рдХреНрдпрд╛ рдХрд░ рд░рд╣реЗ рд╣реЛ:
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");

рдХреНрдпрд╛ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");

рдЕрджреНрдпрддрди рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рдореВрд▓реНрдп рди рджреЗрдВ;

рд╕рднреА 7 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореЗрд░реЗ рдЧрд░реАрдмреЛрдВ рдХреА рдЕрдВрдЧреНрд░реЗрдЬреА рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ: рд╕рд┐рд╕рдХрдирд╛:

рдЕрдЧрд░ рдореИрдВ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕рдордЭрддрд╛ рд╣реВрдВ, рддреЛ рдЖрдк AJAX рдЕрдиреБрд░реЛрдз рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЪрдпрди рдореЗрдВ рдирдП рд╡рд┐рдХрд▓реНрдк рдЬреЛрдбрд╝рддреЗ рд╣реИрдВ, рдФрд░ рдлрд┐рд░ рдЖрдк рдЪреБрдиреЗ рдЧрдП рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП chosen:updated рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ?

рдХреГрдкрдпрд╛ рдПрдХ рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХреА рдмреЗрд▓рд╛ problen рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдФрд░ рдлрд┐рд░ рд╣рдо рдЕрдЧрд░ рдпрд╣ рдПрдХ рдмрдЧ рдпрд╛ рдЕрдкрдиреЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд╕рд╛рде рд╕рд┐рд░реНрдл рдПрдХ рдореБрджреНрджрд╛ рд╣реИ рддрдп рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЗрд╕реЗ рдкреНрд░рддрд┐рдирд┐рдзрд┐ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж

рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ .. рд╡рд┐рдХрд▓реНрдк рд╕реВрдЪреА рдХреЛ рддрд╛рдЬрд╝рд╛ рди рдХрд░реЗрдВ
рд╡рд┐рдХрд▓реНрдк рд╕реВрдЪреА рд╕рднреА рддрд░рд╣ рд╕реЗ рд╕рдорд╛рди рд╣реИ
рд▓реЗрдХрд┐рди рдореВрд▓реНрдп рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ
рд╣рд░ рдмрд╛рд░ рдЬрдм рдореИрдВ рдЙрд╕ рдореВрд▓реНрдп рдХреЛ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ рдЯреНрд░рд┐рдЧрд░ рдХрд┐рдпрд╛ рд╣реИ: jQuery рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ
рдЬрдм рдореИрдВрдиреЗ рдкрд╣рд▓реА рдмрд╛рд░ рдЪрдпрдирд┐рдд рд╡рд╕реНрддреБрдУрдВ рдХрд╛ рдореВрд▓реНрдп рд╕рд╣реА рдерд╛
рд▓реЗрдХрд┐рди рдмрд╛рдж рдореЗрдВ рдХрдИ рдмрд╛рд░ рдЧрд▓рдд рд╣реЛрдиреЗ рдкрд░ рдЧрд▓рдд рд╣реЛ рдЬрд╛рдПрдЧрд╛
рдореБрдЭреЗ рдЪреБрдирд┐рдВрджрд╛ рдПрд▓рд┐рдореЗрдВрдЯ рдХрд╛ рд╕рд╣реА рдореВрд▓реНрдп рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ ....
image
image
рдЬрдм рдкрд╣рд▓реА рдмрд╛рд░ рд▓реЛрдб рдлрд╝рдВрдХреНрд╢рди рд╕рд╣реА рдерд╛ рддреЛ рдХреЗрд╡рд▓ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдереА
image
image

рдлрд┐рд░ рдПрдХ рдмрд╛рд░
image

рдпрд╣ рдЗрд╕ рддрд░рд╣ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП
Uploading image.pngтАж

https://jsfiddle.net/4jtsdnt7/ someof

рд╣рд╛рдп рдмреНрд▓реИрдВрдХрд╣реИрдВрдЧ,
рдЗрд╕рд╕реЗ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рддреБрдо рдХреНрдпрд╛ рдХрд░ рд░рд╣реЗ рд╣реЛ:
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");

рдХреНрдпрд╛ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ

$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");

рдЕрджреНрдпрддрди рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рдореВрд▓реНрдп рди рджреЗрдВ;

рдЬреЗрдПрд╕ рджреНрд╡рд╛рд░рд╛ рдПрдХрд╛рдзрд┐рдХ рдЪрдпрди рдХреЗ рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреА рдЪреБрдирд┐рдВрджрд╛ рд╕реНрдерд┐рддрд┐ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдореИрдВрдиреЗ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдЕрдиреБрднрд╡ рдХрд┐рдпрд╛, рдлрд┐рд░ рдЪрдпрди рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЪреБрдирд╛ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛ред рдореИрдВрдиреЗ рдПрдХ рдкрд╣реЗрд▓реА рдмрдирд╛рдИ рд╣реИ рдЬреЛ рдЗрд╕ рд╡реНрдпрд╡рд╣рд╛рд░ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддреА рд╣реИ:

https://jsfiddle.net/5wbzxg27/

3 рдмрдЯрди рд╣реИрдВ:

  • рд╕рднреА рд╡рд┐рдХрд▓реНрдк рдЪреБрдиреЗрдВ,
  • рдХреБрдЫ рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХрд╛ рдЪрдпрди рдХрд░реЗрдВ,
  • рд╢реЗрд╖ рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХрд╛ рдЪрдпрди рдХрд░реЗрдВред

рдЪреБрдиреЗ рдЧрдП рдмреЙрдХреНрд╕ рдореЗрдВ рдкреНрд░рддреНрдпреЗрдХ рд╡рд┐рдХрд▓реНрдк рдХреЗрд╡рд▓ рдПрдХ рдмрд╛рд░ рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИ, рднрд▓реЗ рд╣реА рдЖрдк рдПрдХ рд╣реА рдмрдЯрди рдХреЛ рдХрдИ рдмрд╛рд░ рджрдмрд╛рддреЗ рд╣реИрдВ (рдФрд░ рдЗрд╕реЗ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╣реИрдВ)ред рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдареАрдХ рдЪрд▓рддреА рд╣реИ, рдореВрд▓ рдЪрдпрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреА рдЪрдпрдирд┐рдд рд╕реНрдерд┐рддрд┐ рдареАрдХ рдмрджрд▓ рдЬрд╛рддреА рд╣реИ, рд▓реЗрдХрд┐рди рдЪреБрдирд╛ рдЧрдпрд╛ рд╡рд┐рдХрд▓реНрдк рдХреЗрд╡рд▓ рдкрд╣рд▓реА рдмрд╛рд░ рджрд┐рдЦрд╛рддрд╛ рд╣реИред

рдЙрдореНрдореАрдж рд╣реИ рдХреА рдпрд╣ рдорджрдж рдХрд░реЗрдЧрд╛ред

@cinemazealot рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЛрдб рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ:

$("#mySelect").chosen({
       placeholder_text_multiple: 'Something',
});
$('button#all').on('click', function() {
  $('#mySelect option').attr('selected', false);   // selects all
  var options = [];
  for (var i=0; i < $('#mySelect option').length; i++){
    options.push($('#mySelect option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});
$('button#first').on('click', function() {
  $('#mySelect option').attr('selected', false);  // clears all
  var options = [];
  for (var i=0; i < $('#mySelect optgroup[label="first"] option').length; i++){
    options.push($('#mySelect optgroup[label="first"] option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});
$('button#second').on('click', function() {
  $('#mySelect option').attr('selected', false);  // clears all
    var options = [];
  for (var i=0; i < $('#mySelect optgroup[label="second"] option').length; i++){
    options.push($('#mySelect optgroup[label="second"] option')[i].value);
  };
  $('#mySelect').val(options);
  $("#mySelect").trigger("chosen:updated");       // updates chosen
  return false;                                   // returns false not to post the surrounding form
});

рдпрд╣ рднрджреНрджрд╛ рдФрд░ рдмрдбрд╝рд╛ рд▓рдЧ рд╕рдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ

@pashaUSA рдЖрдк рд╕рдмрд╕реЗ рдЕрдЪреНрдЫреЗ рд╣реИрдВ! :) рджреЗрд░ рд╕реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореЗрд░реЗ рдкрд╛рд╕ рдЕрдиреНрдп рдЪрд▓ рд░рд╣реЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдереЗред рд▓реЗрдХрд┐рди рдЖрдкрдХрд╛ рд╕рдорд╛рдзрд╛рди рд╕рд┐рд░реНрдл рд╡рд╣реА рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдЙрд╕реЗ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛ред рдмрд╣реБрдд - рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж! :)

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

jbrooksuk picture jbrooksuk  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

engintekin picture engintekin  ┬╖  8рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

piercemcgeough picture piercemcgeough  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kafoso picture kafoso  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alexfrancavilla picture alexfrancavilla  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ