Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как сбросить селект при перезагрузке (https://javascript.ru/forum/dom-window/46510-kak-sbrosit-selekt-pri-perezagruzke.html)

imediasun1 12.04.2014 17:18

как сбросить селект при перезагрузке
 
Если был выбран какой то из option селекта то при перезагрузке страницы он не сбрасывается на option со значением selected, как сбросить при перезагрузке
пробую так не получается
$(document).ready(function(){
$("#select1 :nth-child(1)").attr("selected", "selected");
});

ksa 14.04.2014 10:26

imediasun1, пора тебе уже прекратить свои мучения... Найди другую профессию...

imediasun1 14.04.2014 12:27

Ты что не можешь просто сказать как решить проблему, это признак гордости давать советы без выхода из положения, пусть Бог благословит

Erolast 14.04.2014 12:51

Не, ну если ты вешаешь атрибуту "выделено" значение "выделено" и еще удивляешься, чего это выделение не сбрасывается - тебе точно не быть программистом.

danik.js 14.04.2014 14:03

Erolast, по твоим заверениям всем кто не понимает разницу между атрибутами и свойствами (а таких очень много) - не быть программистами?

Тут почти каждый jQuery'ист пишет attr() вместо prop()

Конкретно значения "выделено" тебя что смущает?

danik.js 14.04.2014 14:05

Кстати, умники, какое решение предлагаете вы?
Проблема, кстати, походу только в FF воспроизводится.

рони 14.04.2014 14:30

:write: может так?
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
   $(function ()
{
$(document).ready(function(){
$("#select1 option").prop("selected", false).filter(":nth-child(1)").prop("selected", true);
});

})
  </script>
</head>
<body>
<select id="select1" >
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
	</select>
</body>
</html>

Erolast 14.04.2014 15:05

Цитата:

Erolast, по твоим заверениям всем кто не понимает разницу между атрибутами и свойствами (а таких очень много) - не быть программистами?
Нет, по моим заверениям тем, кто пытается простановкой выделения снять выделение, программистами быть точно не суждено.

Octane 14.04.2014 15:14

Цитата:

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

Не тормози, ТС пытается поставить выделение на 1й option, а браузер показывает выделенным тот, что был выбран прошлый раз. Скорее всего, как написал danik.js, эта фигня в фаерфоксе, потому что поля заполняются сохраненными значениями асинхронно.

Erolast 14.04.2014 15:18

А, извиняюсь, понял как "Выделение не сбрасывается при перезагрузке страницы, как сбрасывать насильно?".

Octane 14.04.2014 15:29

Решается примерно так:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>test</title>
</head>
<body>

	<select>
		<option selected>1</option>
		<option>2</option>
		<option>3</option>
	</select>

	<script>

		function findDefaultSelected(options) {
			var i = options.length;
			while (i--) {
				if (options[i].defaultSelected) {
					return options[i];
				}
			}
			return null;
		}

		document.addEventListener("DOMContentLoaded", function () {
			var select = document.querySelector("select");
			var option = findDefaultSelected(select.options);
			option.selected = true;
		});

	</script>

</body>
</html>
только событие надо тестить, может быть DOMContentLoaded не подойдет

danik.js 14.04.2014 15:45

<select autocomplete="off">
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
</select>

;)

Octane 14.04.2014 15:48

А поиск значения при наборе с клавиатуры не вырубит?

imediasun1 15.04.2014 12:59

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


Часовой пояс GMT +3, время: 15:14.