[РЕШЕНО] js поставить последним элемент списка - JavaScript, Ajax

dbalor · 05.06.2019, 09:58

Есть уже заполненый select:

Код:

...
<select id="last">
   <option value="1">MMM</option>
   <option value="2">AAA</option>
   <option value="3">CCC</option>
   <option value="4">BBB</option>
</select>
...

Как с помощью Javascript автоматом(не при заполнении списка) поставить элемент со значением 2 в конец списка?

Serge_Bliznykov · 05.06.2019, 09:59

чистый JS или можно jQuery ?

для затравки. код на jQuery

Код:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test Move Options</title>
  <script src="jquery-1.9.1.js"></script>

<script>
	$(function () {
          $("#btnMove").click(function () {
	      $('#last').append( $('#last option[value=2]'));
          });

	});
</script>

</head>
<body>
<select id="last">
   <option value="1">MMM</option>
   <option value="2">AAA</option>
   <option value="3">CCC</option>
   <option value="4">BBB</option>
</select>
<input type="button" id="btnMove" value="Move to End" />
</body>

</html>

dbalor · 06.06.2019, 00:57

спасибо,

а на чистом javascript?

Вадим Мошев · 07.06.2019, 13:30

Цитата:

Сообщение от dbalor

а на чистом javascript?

Код:

let sel = document.getElementById('last');
let second = document.querySelectorAll('option')[1];

sel.appendChild(second);

dbalor · 08.06.2019, 14:19

Спасибо всем большое, задача решена!

05.06.2019, 09:58	#1
dbalor Форумчанин Регистрация: 06.09.2016 Сообщений: 199	[РЕШЕНО] js поставить последним элемент списка Есть уже заполненый select: Код: `... <select id="last"> <option value="1">MMM</option> <option value="2">AAA</option> <option value="3">CCC</option> <option value="4">BBB</option> </select> ...` Как с помощью Javascript автоматом(не при заполнении списка) поставить элемент со значением 2 в конец списка?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
[РЕШЕНО][Pascal] поменять местами найденный максимальный элемент в очереди и первый элемент очереди	Mishka_M	Помощь студентам	4	16.05.2018 00:06
В каждом столбце первый элемент поменять с последним элементом.	_viktorija_	Паскаль, Turbo Pascal, PascalABC.NET	0	21.02.2014 22:13
Вывод элементов списка по правилу: текущий элемент, предыдущий элемент	java_shkiper	Помощь студентам	4	14.10.2013 17:42
В одномерном массиве найти наибольший элемент и поменять его местами с последним	nawka	Помощь студентам	3	15.01.2012 13:34
В каджом столбце массива А поменять местами первый отрицательный элемент с последним элементом столбца.	Carmen	Помощь студентам	1	31.05.2011 19:41

06.06.2019, 00:57	#3
dbalor Форумчанин Регистрация: 06.09.2016 Сообщений: 199	спасибо, а на чистом javascript?

08.06.2019, 14:19	#5
dbalor Форумчанин Регистрация: 06.09.2016 Сообщений: 199	Спасибо всем большое, задача решена!