рдЬрдм рдореИрдВ AJAX рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ dirrert рдорд╛рди рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ
рдкрд╣рд▓реА рдмрд╛рд░ рд╕рдорд╛рд░реЛрд╣ рд╕рд╣реА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ
рджреЛ рдмрд╛рд░ рдпрд╛ рдЕрдзрд┐рдХ рдХреЗ рдмрд╛рдж рдЬрдм рдореИрдВрдиреЗ num1 рдЪрдпрди рд╡рд┐рдХрд▓реНрдк рдХреЛ рдмрджрд▓ рджрд┐рдпрд╛
рдЕрдиреНрдп num2 рдЪрдпрди рдХреЛ рдХреБрдЫ рдФрд░ рд╡рд┐рдХрд▓реНрдк рдХрд╛ рдЪрдпрди рдХрд░рдХреЗ рдЕрджреНрдпрддрди рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП val
рд▓реЗрдХрд┐рди рдПрдХрд╛рдзрд┐рдХ рдирд╣реАрдВ рд╕рднреА рд╡рд┐рдХрд▓реНрдк рдЬрд┐рдиреНрд╣реЗрдВ рдореБрдЭреЗ рдЪрдпрдирд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рдпрд╛ рдХрд┐рд╕реА рдХреЛ рднреА рдирд╣реАрдВ рдЪреБрдирд╛ рдЧрдпрд╛ рд╣реИ
рд╣рдореЗрдВ рдмрддрд╛рдПрдВ рдХрд┐ рдХреНрдпрд╛ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЬрдм рдореИрдВ рдПрдХ рдЪреБрдирд┐рдВрджрд╛ elment . рдХреЛ рдмрджрд▓рддрд╛ рд╣реВрдВ
рдЪрдпрдирд┐рдд рдЕрдиреНрдп рд╡рд┐рдХрд▓реНрдк рджреНрд╡рд╛рд░рд╛ рдЪрдпрди 2 рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдореВрд▓ рд╡рд┐рдХрд▓реНрдк рд╣реИ рдЬреЛ рдореБрдЭреЗ рдЕрдЬрд╛рдХреНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдорд┐рд▓рддрд╛ рд╣реИ
рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рд╣рдореЗрдВ рдмрддрд╛рдПрдВред
рдордиреЛрд░рдВрдЬрди рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдХрд░рдирд╛ {
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
}
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");
рдПрдХ рд╡реИрд▓ 1
рдлрд┐рд░
рдордиреЛрд░рдВрдЬрди рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдХрд░рдирд╛ {
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
}
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");
рддреЛ рд╢рд╛рдпрдж рдмрд╛рдж рдореЗрдВ рдХрднреА-рдХрднреА рдореБрдЭреЗ рдЪреБрдиреЗ рдЬрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдирд╣реАрдВ рдорд┐рд▓рддрд╛ ???
рдореИрдВ рдирд╣реАрдВ рдЬрд╛рдирддрд╛ рдХрд┐ рдореБрдЭреЗ рдРрд╕рд╛ рдХрд░рдирд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╕рд╣реА рд╡рд┐рдХрд▓реНрдк рдЪреБрди рд╕рдХрддрд╛ рд╣реИ рдЬрд┐рд╕рдХреА рдореБрдЭреЗ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?
рдореЗрд░реЗ рдЧрд░реАрдмреЛрдВ рдХреА рдЕрдВрдЧреНрд░реЗрдЬреА рдХреЗ рд▓рд┐рдП рдЦреЗрдж рд╣реИ: рд╕рд┐рд╕рдХрдирд╛:
рдЕрдЧрд░ рдореИрдВ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕рдордЭрддрд╛ рд╣реВрдВ, рддреЛ рдЖрдк AJAX рдЕрдиреБрд░реЛрдз рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЪрдпрди рдореЗрдВ рдирдП рд╡рд┐рдХрд▓реНрдк рдЬреЛрдбрд╝рддреЗ рд╣реИрдВ, рдФрд░ рдлрд┐рд░ рдЖрдк рдЪреБрдиреЗ рдЧрдП рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП chosen:updated
рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ?
рдХреГрдкрдпрд╛ рдПрдХ рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХреА рдмреЗрд▓рд╛ problen рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдФрд░ рдлрд┐рд░ рд╣рдо рдЕрдЧрд░ рдпрд╣ рдПрдХ рдмрдЧ рдпрд╛ рдЕрдкрдиреЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд╕рд╛рде рд╕рд┐рд░реНрдл рдПрдХ рдореБрджреНрджрд╛ рд╣реИ рддрдп рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдЗрд╕реЗ рдкреНрд░рддрд┐рдирд┐рдзрд┐ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж
рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ .. рд╡рд┐рдХрд▓реНрдк рд╕реВрдЪреА рдХреЛ рддрд╛рдЬрд╝рд╛ рди рдХрд░реЗрдВ
рд╡рд┐рдХрд▓реНрдк рд╕реВрдЪреА рд╕рднреА рддрд░рд╣ рд╕реЗ рд╕рдорд╛рди рд╣реИ
рд▓реЗрдХрд┐рди рдореВрд▓реНрдп рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ
рд╣рд░ рдмрд╛рд░ рдЬрдм рдореИрдВ рдЙрд╕ рдореВрд▓реНрдп рдХреЛ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬрд┐рд╕реЗ рдореИрдВрдиреЗ рдЯреНрд░рд┐рдЧрд░ рдХрд┐рдпрд╛ рд╣реИ: jQuery рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ
рдЬрдм рдореИрдВрдиреЗ рдкрд╣рд▓реА рдмрд╛рд░ рдЪрдпрдирд┐рдд рд╡рд╕реНрддреБрдУрдВ рдХрд╛ рдореВрд▓реНрдп рд╕рд╣реА рдерд╛
рд▓реЗрдХрд┐рди рдмрд╛рдж рдореЗрдВ рдХрдИ рдмрд╛рд░ рдЧрд▓рдд рд╣реЛрдиреЗ рдкрд░ рдЧрд▓рдд рд╣реЛ рдЬрд╛рдПрдЧрд╛
рдореБрдЭреЗ рдЪреБрдирд┐рдВрджрд╛ рдПрд▓рд┐рдореЗрдВрдЯ рдХрд╛ рд╕рд╣реА рдореВрд▓реНрдп рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ ....
рдЬрдм рдкрд╣рд▓реА рдмрд╛рд░ рд▓реЛрдб рдлрд╝рдВрдХреНрд╢рди рд╕рд╣реА рдерд╛ рддреЛ рдХреЗрд╡рд▓ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдереА
рдлрд┐рд░ рдПрдХ рдмрд╛рд░
рдпрд╣ рдЗрд╕ рддрд░рд╣ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП
рд╣рд╛рдп рдмреНрд▓реИрдВрдХрд╣реИрдВрдЧ,
рдЗрд╕рд╕реЗ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рддреБрдо рдХреНрдпрд╛ рдХрд░ рд░рд╣реЗ рд╣реЛ:
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 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 рдЖрдк рд╕рдмрд╕реЗ рдЕрдЪреНрдЫреЗ рд╣реИрдВ! :) рджреЗрд░ рд╕реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореЗрд░реЗ рдкрд╛рд╕ рдЕрдиреНрдп рдЪрд▓ рд░рд╣реЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдереЗред рд▓реЗрдХрд┐рди рдЖрдкрдХрд╛ рд╕рдорд╛рдзрд╛рди рд╕рд┐рд░реНрдл рд╡рд╣реА рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдЙрд╕реЗ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛ред рдмрд╣реБрдд - рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж! :)
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рд╣рд╛рдп рдмреНрд▓реИрдВрдХрд╣реИрдВрдЧ,
рдЗрд╕рд╕реЗ рдЖрдкрдХреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рддреБрдо рдХреНрдпрд╛ рдХрд░ рд░рд╣реЗ рд╣реЛ:
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рд╡реИрд▓ (1)ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");
рдХреНрдпрд╛ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 1]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ рд╡рд┐рдХрд▓реНрдк [рдореВрд▓реНрдп = 3]')ред attr ('рдЪрдпрдирд┐рдд', рд╕рддреНрдп);
$ ("# рдПрдХ")ред рдЯреНрд░рд┐рдЧрд░ ("рдЪреБрдирд╛ рдЧрдпрд╛: рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛");
рдЕрджреНрдпрддрди рдЯреНрд░рд┐рдЧрд░ рдХрд░рддреЗ рд╕рдордп рдХреЛрдИ рдореВрд▓реНрдп рди рджреЗрдВ;