why reset button X not display above selected item value on jQuery aft

I am currently working with jQuery and have encountered an issue regarding the reset

functionality for a dropdown list. Specifically, after adding default options in both

Arabic and English, the reset button does not display correctly.

When a value is selected, I want to show a reset button (denoted as "X").

However, if no option is selected, the dropdown should display either "Select port" or "???? ????" without showing the reset button.

Before changing the language to Arabic or English, the reset button appears as expected. Here is the relevant code snippet:

row += "";
                            var countriesPorts = Result.d.P_PORTS.filter(d => d.COUNTRY_ID == Result.d.P_DISPATCH_DATA[i].PICKUP_COUNTRY_ID);

                            if (countriesPorts != null) {
                                if (countriesPorts.length > 0) {

                                    for (var j in countriesPorts) {
                                        row += " " + countriesPorts[j].PORT_NAME + " ";
                                    }
                                    row += " ";

                                }

 

After switching to Arabic or English, the reset button ("X") does not appear. The code for the dropdown with the default option is as follows:

var defaultOption = MYLang.ReturnLang() == "ar-KW" ? "???? ????" : "select port";

                            row += "" +
                                "" + defaultOption + "";

                            var countriesPorts = Result.d.P_PORTS.filter(d => d.COUNTRY_ID == Result.d.P_DISPATCH_DATA[i].PICKUP_COUNTRY_ID);

                            if (countriesPorts != null && countriesPorts.length > 0) {
                                for (var j in countriesPorts) {
                                    row += "" + countriesPorts[j].PORT_NAME + "";
                                }
                     

Additionally, I would like an image to illustrate the reset button in red on the second row.

1 Reply
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Sign inCreate an account
Amira Bedhiafi1y agoPosted Jan 19, 2025, 6:24 PM
Can you try the following :

function updateDropdown(Result, i) {
    var defaultOption = MYLang.ReturnLang() === "ar-KW" ? "???? ????" : "Select port";
    var row = `
        

            
                ${defaultOption}
            
            X