невозможно разделить английский sh текст из арабского c текст с помощью javascript

Question

Я работал над каким-то модулем, в котором мне нужно было взять текст из поля html select и поместить разделенный текст в следующих двух текстовых полях (одно для арабского c и другое для английского sh).

HTML Поле SELECT содержит текст, похожий на «عربى :::: arabi c». Теперь, когда я попытался отделить весь этот текст от "::::", я получил значения по обоим индексам. Но, помещая их в текстовые поля, я смог разместить только 0-й, т.е. عربى текст. Мне не удалось вставить значение engli sh в текстовое поле engli sh. HTML поле выбора и изображение текстовых полей:

JS код

function process() {
              var x = $("#categoryNameId option:selected").text();
              var values =  x.split("::::");
              alert(values[0]);
              alert(values[1]);

              document.getElementById("categoryNameArId").value=values[0]; // arabic textbox
              document.getElementById("categoryNameId").value=values[1]; // english textbox

            }

Есть ли способ вставить разделенное значение Engli sh в текстовое поле для Engli sh.

Answer 1

Вы должны обработать параметры, потому что я застрял в них.

Сначала вам нужно получить выбранный индекс, а затем передать его функции разделения, после чего текст разделится.

Надеюсь, это вам поможет !!!

Спасибо !!!

    function process() {

        var x = document.getElementById('aaaa')
        
        console.log(x.options[x.selectedIndex].text)
        var values = x.options[x.selectedIndex].text.split("::::");
        alert(values[0]);
        alert(values[1]);
    }

<select class="form-control" id="aaaa" onchange="process()">
    <option>عربى::::arabic</option>
    <option>عربى::::arabic</option>
    <option>عربى::::arabic</option>
    <option>عربى::::arabic</option>
</select>

Answer 2

Проблема: у вас есть повторяющийся идентификатор для categoryNameId, с повторяющимся идентификатором javascript будет найден первый элемент.

, поэтому вам нужно изменить идентификатор для тега выбора

<form:select id="categoryNameId" path="categoryName">