Issue with IE11: the selected list is not displayed when using the <s:optiontransferselect> tag

When moving groups from left to right in the s:optiontransferselect for selectedGrps and unselectedGrps, the SelectedGroups list is showing as null on form submission in IE11. However, in Chrome and Mozilla, it functions correctly. Any advice would be greatly appreciated.

Here is the code snippet:

   <s:optiontransferselect 
    leftTitle="%  
    {getText('authoring.label.Grps.selectOptions.left.title')}"
     rightTitle="%       
     {getText('authoring.label.Grps.selectOptions.right.title')}"  
     label="%   {getText('authoring.label.Grps')}" tooltip="%              
     {getText('authoring.label.Grps.info')}"  id="unSelectedGrps"   
     doubleId="selectedGrps name="groupVO.unSelectedGroupIds"          
     doubleName="groupVO.selectedGroupIds" list="groupVO.availableGrps"
     doubleList="groupVO.selectedGrps" listKey="name"
     listValue="value" listTitle="description"
     doubleListKey="name" doubleListValue="value"
     doubleListTitle="description" multiple="true"
     allowSelectAll="false" allowUpDownOnLeft="false"
     allowUpDownOnRight="false" buttonCssClass="buttonArrow
     btn btn-primary" cssClass="form-control" 
     doubleCssClass="form-control" 
   />
javascriptajaxjspinternet-explorerstruts2

Answer №1

When the page is loaded, we initially used 

$('#selectedGroups option')").attr("selected", "selected")
. However, this method did not result in the selected groups being marked as selected. After switching to 
$('#selectedGroups option').prop('selected', true)
, the issue was resolved. It seems that attr("selected", "selected") does not function properly for options in IE.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for Showing Certain Slides When the Page Loads

When using jQuery filter effects to organize div slides on a page, I encountered an issue where all the divs containing different slides are displayed on page load instead of just the default chosen ['active'] div. The filter effect itself is fun ...

javascriptjquerycsshtml

Learn how to effortlessly move a file into a drag-and-drop area on a web page with Playwright

I am currently working with a drag-zone input element to upload files, and I am seeking a way to replicate this action using Playwright and TypeScript. I have the requirement to upload a variety of file types including txt, json, png. https://i.stack.img ...

javascripttypescriptfile-uploaddrag-and-dropplaywright

Utilizing Ajax to Dynamically Update Link Styles

When using an AJAX request to load a portion of a webpage, the content is delivered by a framework and then inserted into the DOM tree using jQuery. Everything seems to be working well so far. However, I encountered an issue when trying to use background ...

cssajaxhyperlink

Using AJAX validation, capture radio button input and save it to a MySQL

Initially, I am utilizing the email script created by Jeffrey Way on In the Woods. Here is a basic form structure: <form method="post" action="sendEmail.php" id="form_reserveren"> <div id="container"> <div id="main" style="width: 100% ...

phpmysqlajaxformsradio-button

What causes the error when I use "use client" at the top of a component in Next.js?

Whenever I include "use client" at the top of my component, I encounter the following error: event - compiled client and server successfully in 2.5s (265 modules) wait - compiling... event - compiled client and server successfully in 932 ms (265 modules) ...

javascriptnode.jsreactjsnext.jsnext.js13

How to update an Array<Object> State in ReactJS without causing mutation

In my program, I store an array of objects containing meta information. This is the format for each object. this.state.slotData [{ availability: boolean, id: number, car: { RegistrationNumber : string, ...

javascriptreactjstypescriptimmutability

Is there a way to access the value of a variable within a loop inside a function and store it in a global variable?

I am struggling to retrieve the value of a variable after it has passed through a loop. I attempted to make it a global variable, but its value remains unchanged. Is there any way to achieve this? Below is my code snippet where I am attempting to access t ...

htmlfunctionvariablesjavascript

Maximizing HTML5 Game Performance through requestAnimationFrame Refresh Rate

I am currently working on a HTML5 Canvas and JavaScript game. Initially, the frames per second (fps) are decent, but as the game progresses, the fps starts decreasing. It usually starts at around 45 fps and drops to only 5 fps. Here is my current game loo ...

javascripthtmlperformancecanvasrequestanimationframe

Using TypeScript's reference function within an HTML document

It feels like ages since my early days of web development. Back when I first started coding, we would reference a script using a <script> tag: <html> <head> <script src="lealet.js"></script> <!-- I know the path isn´t c ...

javascripttypescript

Tips for eliminating duplicate values from an array of objects in JavaScript

I am working with an array of objects where my goal is to remove duplicate values from the values array. I would like the final result to be [{name:'test1', values:['35,5', '35,2','35,3']}, {name:'test2', v ...

javascriptobject

Using both Ajax and a standard submit can be applied to a single form in jQuery

I need to implement a confirm step on one of my pages. Here's what I want to achieve: When the user clicks 'submit', an AJAX request is triggered, which performs the necessary action and then displays a confirmation dialog If the user ...

javascriptjqueryajaxformsjquery-forms-plugin

Ways to store data in the localStorage directly from a server

I'm facing an issue - how can I store data in localStorage that was received from the server? Should I use localStorage.setItem for this purpose? And how do I handle storing an array in localStorage? Or am I missing something here? import { HttpCli ...

javascriptangulartypescript

Verify the identity of my Angular application to enable collaboration on a GitHub repository

In my current project, I am utilizing a specific function to retrieve the list of collaborators for a particular repository. Here is the code snippet: var getCol = function(username, reponame) { var repo; var repoUrl = "https://api.gith ...

javascriptangularjsgithub-api

Using Drupal 7 to make asynchronous Ajax requests

As a newcomer to the world of Drupal, I am currently working with version 7.x and seeking guidance on how to set up a basic ajax call. Within my template file, there is a button that triggers a javascript function when clicked: <input type='butto ...

ajaxdrupal-7

Exploring the Benefits of Using JSON in AJAX Requests

Can you help me determine the best way to extract data from a php page using ajax in the form of a json array? Here is an example code snippet: $.ajax({ type: "get", url: "assets/update_cart_user_fstore.php", data: up, cache: false, su ...

phpjqueryajaxjson

The leaflet_Ajax plugin is constantly searching for the default marker symbol located at js/images/marker-icon.png

Although I'm relatively new to Leaflet, I have experience creating interactive maps in the past. Recently, I've been working on a project involving displaying GPS data from a UAV. The UAV transmits location information to a server, which then ret ...

javascriptajaxpluginsmapsleaflet

Creating an array of data from JSON using JavaScript and displaying it in a chart using ApexChart

I am attempting to generate a chart displaying the value of Bitcoin in Euro. The data is fetched from JSON and converted into an array for the ApexChart series data (ApexData['xbtToEuro']) along with a list of dates. Despite my console indicatin ...

javascriptarraysjsoncharts

Display text when hovered over or clicked to insert into an HTML table

I have an HTML table connected with a component field gameArray and I need it to: Show 'H' when the user's cursor hovers over TD (:hover) and the corresponding field in gameArray is an empty string, Fill the gameArray field after a click. ...

javascripthtmlangulartypescriptangularjs-directive

Exploring the use of leaflets within LitElement

I have been working on a project involving LitElement components and I am looking to incorporate Leaflet into it. However, I am encountering difficulties with displaying the map properly. After installing Leaflet through npm in my project, I created a clas ...

javascriptleafletpolymerlit-element

Encountering issues with the display of JSON data in MVC

Question: How can I pass JSON data from my controller to the view and render it using JavaScript? [HttpGet] [AllowAnonymous] public ActionResult Index() { ServiceReference1.ipostep_vP001sap0003in_WCSX_comsapb1ivplatformruntime_INB_WS_C ...

javascripthtml.netasp.net-mvcasp.net-mvc-4