Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2019, 17:19
Профессор
Отправить личное сообщение для savsoft Посмотреть профиль Найти все сообщения от savsoft
 
Регистрация: 03.01.2019
Сообщений: 162

Обработка событий и динамические списки.
Всем привет,

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

Клиент хочет, чтобы добавили еще одну колонку с выпадающим списком. При каждом выборе даты, определить день недели и запомнить. Если после этого открыть выпадающий список, то его перед открытием динамически заполнить десятком дат с днем недели, как у последней введенной даты.

<form name="FormDates" id="fd" method="post" action="">
			<div class="row">
				<table class="table table-striped table-bordered">
					<thead>
						<tr>
							<th>Id</th>
							<th>Name</th>
							<th>Date</th>
							<th>Select</th>
						</tr> 
					</thead>
					<tbody>
						<tr> 
							<td>1</td>
							<td>Name 1</td>
							<td><input type="date" name="task_date[1]" value=""></td>
							<td>
								<select name="select_date[1]">
								</select>						
							</td>
						</tr> 
						<tr> 
							<td>2</td>
							<td>Name 2</td>
							<td><input type="date" name="task_date[2]" value=""></td>
							<td>
								<select name="select_date[2]">
								</select>						
							</td>
						</tr> 
						<tr> 
							<td>3</td>
							<td>Name 3</td>
							<td><input type="date" name="task_date[3]" value=""></td>
							<td>
								<select name="select_date[3]">
								</select>						
							</td>
						</tr> 
					</tbody>					
				</table>
			</div>
		</form>


Собственно вопросы:

1. Как перехватить событие после выбора даты и вызвать функцию, которая обнулит массив дат и заполнит его датами с таким же днем недели?

2. Как при открытии списка, его динамически заполнить датами из массива?

3. После выбора элемента - автоматически заполнить соответствующую дату и отобразить ее?

Как-то так. Извините, что слегка путано, только начинаю разбираться с javascriot.

Спасибо.
Ответить с цитированием