Grails: добавьте значение двух g: select в список множественного выбора HTML - PullRequest
Новая
       18

Grails: добавьте значение двух g: select в список множественного выбора HTML

0 голосов
/ 29 сентября 2010

У меня есть два поля со списком g: select, которые я хочу добавить в список множественного выбора при нажатии на изображение.

Вот функция в javascript: 

function addToList(list,firstOpt, secOpt)
            {
            var y = document.createElement('option');
            y.text = firstOpt + ' - ' + secOpt;
            y.value = firstOpt+'-'+secOpt;
            var elSel = document.getElementById(list);
            try {
            elSel.add(y, null); // standards compliant; doesn't work in IE
            }
            catch(ex) {
            elSel.add(y); // IE only
            }
            }

Я думаю, что проблема в фактической кнопке: 

<img src="${resource(dir:'images',file:'arrow.png')}" onclick="addToList('BList','first','second')"/>

когда я щелкаю по нему, в список добавляется «первая - вторая», а не фактическое значение полей g: select. Я также пробовал ${first} и ${second}, но безуспешно.

Любая помощь очень ценится, спасибо!

1 Ответ

1 голос
/ 29 сентября 2010

У вас нет кода, который извлекает значения из первого и второго списков выбора.

Возможно, вам понадобится что-то вроде этого: 

function addToList(destinationList, sourceList1Id, sourceList2Id) {

    // your select lists will need ids
    // e.g. <g:select id="listOneId" .../>

    var list1 = document.getElementById(sourceList1Id);
    var list2 = document.getElementById(sourceList2Id);

    var list1value = list1.options[list1.selectedIndex].value;
    var list2value = list2.options[list2.selectedIndex].value;

    // the rest of your addToList() function, replacing 'firstOpt'
    // and 'secondOpt' with 'list1value' and 'list2value' respectively
    // ...
}

Тогда вы можетеиспользуйте это со следующими вариантами выбора: 

<!-- sources -->
<g:select id="fooList" .../>
<g:select id="barList" .../>

<!-- destination -->
<g:select id="bazList" .../>

<img ... onclick="addToList('bazList', 'fooList', 'barList');"/>
...