<!DOCTYPE html>
<
html
>
<
head
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
link
rel
=
"stylesheet"
href
=
<
script
>
$(document).ready(function () {
//Select2
var $prog = $(".progLang").select2();
$(".Front-end").on("click", function () {
$prog.val(["ht", "js"]).trigger("change");
});
//Chosen
var $prog1 = $(".progLang1").chosen();
$(".Front-end1").on("click", function () {
$prog1.val(["ht", "js"]).trigger("change");
});
});
</
script
>
</
head
>
<
body
>
<
form
>
<
h4
>Selections using Select2</
h4
>
<
select
class
=
"progLang"
multiple
=
"true"
style
=
"width: 200px;"
>
<
option
value
=
"py"
>Python</
option
>
<
option
value
=
"ja"
>Java</
option
>
<
option
value
=
"ht"
>HTML</
option
>
<
option
value
=
"js"
>Javascript</
option
>
<
option
value
=
"c"
>C++</
option
>
</
select
>
<
input
type
=
"button"
class
=
"Front-end"
value
=
"set Front-end Technologies"
/>
<
h4
>Selections using Chosen</
h4
>
<
select
class
=
"progLang1"
multiple
=
"true"
style
=
"width: 200px;"
>
<
option
value
=
"py"
>Python</
option
>
<
option
value
=
"ja"
>Java</
option
>
<
option
value
=
"ht"
>HTML</
option
>
<
option
value
=
"js"
>Javascript</
option
>
<
option
value
=
"c"
>C++</
option
>
</
select
>
<
input
type
=
"button"
class
=
"Front-end1"
value
=
"set Front-end Technologies"
/>
</
form
>
</
body
>
</
html
>