56 lines
1.4 KiB
HTML
Executable File
56 lines
1.4 KiB
HTML
Executable File
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="css/select2.css" type="text/css" />
|
|
<!-- Select2 CSS -->
|
|
|
|
|
|
<!-- jQuery -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
<!-- Select2 JS -->
|
|
<script src="js/select2.min.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Use to Initialize select2 -->
|
|
<select id='sel_users'>
|
|
<option value=''>-- Select User--</option>
|
|
<option value='yogesh'>Yogesh Singh</option>
|
|
<option value='sonarika'>Sonarika Bhadoria</option>
|
|
<option value='anil'>Anil Singh</option>
|
|
<option value='akilesh'>Akilesh Sahu</option>
|
|
</select>
|
|
|
|
<br><br>
|
|
<!-- Use to set an option selected in the First dropdown -->
|
|
Set selected:
|
|
<select id='user_selected'>
|
|
<option value=''>-- Select User--</option>
|
|
<option value='yogesh'>Yogesh Singh</option>
|
|
<option value='sonarika'>Sonarika Bhadoria</option>
|
|
<option value='anil'>Anil Singh</option>
|
|
<option value='akilesh'>Akilesh Sahu</option>
|
|
</select>
|
|
</body>
|
|
<script type="text/javascript">
|
|
|
|
$(document).ready(function(){
|
|
|
|
// Initialize Select2
|
|
$('#sel_users').select2();
|
|
|
|
// Set option selected onchange
|
|
$('#user_selected').change(function(){
|
|
var value = $(this).val();
|
|
|
|
// Set selected
|
|
$('#sel_users').val(value);
|
|
$('#sel_users').select2().trigger('change');
|
|
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</html>
|