Выбор с: выберите значение с помощью JavaScript

Question

У меня есть итератор в jsp, и итератор содержит 2 списка:

<s:iterator value="reportNamesList">
     <s:select name="hour" listKey="codeDesc" listValue="code" list="hourList" />
     <s:select name="minute" listKey="codeDesc" listValue="code" list="minutesList" />
</s:iterator>

Теперь мое требование состоит в том, чтобы при выборе значения часа (скажем, как 10) значение раскрывающегося списка минут также должно было стать 10.

Я использую JavaScript.Пожалуйста, предложите, как это сделать.

Answer 1

@ Naved правильно; вы взаимодействуете с созданными тегами элементами DOM так же, как и любые другие (хотя я бы использовал jQuery и сэкономил бы уйму времени). Вы можете явно установить идентификатор, используя элемент id.

В вашем случае, поскольку у вас будет несколько групп блоков выбора, вам нужно будет создать идентификатор на основе чего-то уникального в reportNamesList, возможно, идентификатора. Тогда ваш атрибут id, вероятно, будет выглядеть примерно так: id="hours_%{id} или если вы используете атрибут <s:iterator> var, id=hours_%{#foo.id}.

Ваш JavaScript должен будет привязывать каждый выбранный час к соответствующему выбранному минуту.

Answer 2

Код кажется, что вы кодируете его в Struts2.Хотя я не очень осведомлен об этом, но я нашел самый простой способ написать любой javascript для этих типов фреймворков:

1. Запустите свой код в браузере и просмотрите исходный код страницы
2. Найдите идентификатор или имя, данное желаемому элементу управления (в вашем случае это выбирается на час).Скажи это selHour.
3. Напиши код javascript, используя g etElementById('selHour') или getElementsByName('selHour'), и сделай свое дело.

Надеюсь, это поможет тебе получить правильный вывод.