Response title
This is preview!
Automatically set every option in a multi-select element as selected=selected when the options are being added dynamically
in Using jQuery
•
8 years ago
How can I automatically set every option in a multi-select element as selected=selected when the options are being added dynamically?
The script below adds options to the multi-select target elements based on what the user's selected in the elements which trigger the function. The options aren't added to the HTML source code, but when the elements are visible you see them, and if manually selected they are correctly inserted into the database. You can see a functional example of it in this fiddle: http://jsfiddle.net/chayacooper/vWLEn/229/
These are hidden form fields, so for my purposes I need anything added with this script to be set as `selected = selected`so that it will be submitted to the database.
The script below adds options to the multi-select target elements based on what the user's selected in the elements which trigger the function. The options aren't added to the HTML source code, but when the elements are visible you see them, and if manually selected they are correctly inserted into the database. You can see a functional example of it in this fiddle: http://jsfiddle.net/chayacooper/vWLEn/229/
These are hidden form fields, so for my purposes I need anything added with this script to be set as `selected = selected`so that it will be submitted to the database.
- $('.complaint .complaintOpt').change(function() {
var $container = $(this).parent(),
$item = $container.find('.complaintItem'),
itemId = $item.attr('id'),
itemVal = $item.val(),
itemText = $item.find('input[value=' + itemVal + ']').html(),
rank = $container.find('.complaintRanking').val();
// Ignore if not a complete complaint
if((itemVal == 'Null') || (rank == 'Null')) {
return;
}
// Remove any existing complaint
$('select.priorityIssue option.' + itemId).remove();
var $selectedOption = $item.find('option:selected');
var $checkedInput = $item.find('input:checked');
var targetBase = '';
if($selectedOption.hasClass('goal-increase')) {
targetBase = '#priorityIncrease';
}
if(targetBase != '') {
// Add new complaint
$(targetBase + rank + 'Issues')
.append($('<option>' + $item.attr('id') + '</option>').addClass(itemId));
}
});
1
