Как принудительно выбрать элемент в окошке?

Question

Михаил @Srezyshka

HTML

Как принудительно выбрать элемент в окошке?

Из

В

Использую:

<head>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
	</head>

Я новичок и мой вопрос может звучать непонятно. Буду благодарен за адекватное понимание и решение проблемы.
Спасибо.

Вопрос задан более двух лет назад
140 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Froggyweb @Froggyweb

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег sekect

Написано более двух лет назад
Михаил @Srezyshka Автор вопроса

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

Написано более двух лет назад
Froggyweb @Froggyweb
<select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> </select>

+ js умеет выбирать любую опцию в зависимости от любых условий. надо то что?
Написано более двух лет назад
Михаил @Srezyshka Автор вопроса
Froggyweb,
let sel = document.getElementById("DATA"); for (var i = 0; i < Heroes.length; i++) { var el = document.createElement("option"); el.value = `${i + 1}`; el.text = `[${i + 1}] ${Heroes[i]}`; sel.options.add(el); };

Вот так я создаю элементы выбора у списка.
Мне надо создать функцию, которая бы выбирала нужные данные автоматически, если её использовать. (Грубо говоря мне нужна имитация выбора).

Я пытался вот так, но у меня ничего не вышло
document.getElementById("DATA").value = 1
Написано более двух лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

9 комментариев

Froggyweb @Froggyweb

Это вроде не checkbox или radio

Написано более двух лет назад
karmyskove @karmyskove

Froggyweb, ой не checked, а selected

Написано более двух лет назад
karmyskove @karmyskove

Froggyweb, вот пример htmlbook.ru/html/option/selected

Написано более двух лет назад
Михаил @Srezyshka Автор вопроса

karmyskove,

Мне нужно выполнить вот это действие не используя мышки. Используя только заранее написанную функцию. Как это сделать?

Написано более двух лет назад
Олег @lolzqq
Михаил, чтобы это сделать - вам надо отрисовать такое меню не в виде конструкции

<select> <option></option> </select>

а в виде идентичных по виду и поведению блоков, например и уже на js их анимировать с помощью setTimeout() или setInterval().

Необходимо учесть, что браузер не разрешает вам управлять движениями мыши + нажатием клавиш клавиатуры. Поэтому на время анимации вам понадобится отрисовать кастомный блок в виде курсора + скрыть системный курсор конструкцией document.body.style.cursor = 'none';
Написано более двух лет назад
Михаил @Srezyshka Автор вопроса

Олег, Меня никто не понимает. Я смущён))

Мне нужна функция. Аналогичная
document.getElementById("DATA").value = 1

Но для селектора. Чтобы после ввода её в ячейке автоматически выбирались нужные мне данные.

Написано более двух лет назад
Олег @lolzqq

Михаил, js вам сделает только такоеsnippet если этого достаточно, то ваш код на jquery $(selector).attr('selected','');, на чистом js elem.setAttribute('selected', '')
Т.е. если вам не надо полностью симулировать работу мышью со стороны пользователя - то пожалуйста, а если надо - то рецепт выше.

Написано более двух лет назад
Михаил @Srezyshka Автор вопроса

Олег, спасибо.

Написано более двух лет назад
Олег @lolzqq

Михаил, пожалуйста, не забудьте отметить правильный ответ.

Написано более двух лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Вся секция заежает за header?
- 1 подписчик
- 5 часов назад
- 19 просмотров
0

ответов
HTML

+1 ещё

Простой
Как добавить разный фон в ::before для объектов с одинаковым стилем?
- 1 подписчик
- 11 часов назад
- 19 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Возможно ли расположить или чтобы блок div мог заходить в прозрачный фон png фота?
- 1 подписчик
- 12 часов назад
- 25 просмотров
1

ответ
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- 18 часов назад
- 55 просмотров
1

ответ
HTML

Простой
Не получается поставить поисковую строку справа, что сделать чтобы исправить?
- 1 подписчик
- вчера
- 59 просмотров
0

ответов
HTML

Простой
С чем может быть связано не правильный вывод изображений?
- 1 подписчик
- вчера
- 188 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- вчера
- 117 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- вчера
- 100 просмотров
2

ответа
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 24 апр.
- 69 просмотров
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Подключить сервер к сети

27 апр. 2024, в 02:39

1500 руб./за проект

Необходимо сверстать приложение согласно макету Figma используя React

26 апр. 2024, в 22:22

1500 руб./за проект

Написать модуль подключения матрицы Sony к ПЛИС (Verilog)

26 апр. 2024, в 21:30

15000 руб./за проект

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег sekect
Froggyweb, Нужно не просто выбрать. Надо принудительно выбрать значения, как будто я сам нажал на селектор.
<select> <option value="" selected disabled hidden>Choose here</option> <option value="1">One</option> </select>

+ js умеет выбирать любую опцию в зависимости от любых условий. надо то что?
Froggyweb,
let sel = document.getElementById("DATA"); for (var i = 0; i < Heroes.length; i++) { var el = document.createElement("option"); el.value = `${i + 1}`; el.text = `[${i + 1}] ${Heroes[i]}`; sel.options.add(el); };

Вот так я создаю элементы выбора у списка.
Мне надо создать функцию, которая бы выбирала нужные данные автоматически, если её использовать. (Грубо говоря мне нужна имитация выбора).

Я пытался вот так, но у меня ничего не вышло
document.getElementById("DATA").value = 1

Answer 1 · 2021-08-07 22:34:54

Михаил, js вам сделает только такое если этого достаточно, то ваш код на jquery $(selector).attr('selected','');, на чистом js elem.setAttribute('selected', '')
Т.е. если вам не надо полностью симулировать работу мышью со стороны пользователя - то пожалуйста.

Answer 2 · 2021-08-07 20:35:18

karmyskove @karmyskove

Элементу списка добавь checked

Ответ написан более двух лет назад

9 комментариев

Как принудительно выбрать элемент в окошке?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт