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

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>

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

Вопрос задан более трёх лет назад
151 просмотр

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

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

Написано более трёх лет назад

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

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

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

HTML

+1 ещё

Простой
Как сделать задний фон картинки с фреймом чтоб не съезжало?
- 1 подписчик
- 16 часов назад
- 44 просмотра
0

ответов
HTML

+1 ещё

Простой
Как сделать элементы в разных блоках одинаковыми по ширине?
- 1 подписчик
- 19 часов назад
- 51 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Почему не указывается путь к файлу js?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
JavaScript

+3 ещё

Простой
MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?
- 1 подписчик
- вчера
- 92 просмотра
2

ответа
HTML

+1 ещё

Простой
Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта?
- 1 подписчик
- 12 нояб.
- 125 просмотров
4

ответа
HTML

+1 ещё

Средний
Умное количество элементов в сетке GRID?
- 1 подписчик
- 12 нояб.
- 93 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как реализовать перемещение между табами через стрелки?
- 2 подписчика
- 12 нояб.
- 110 просмотров
0

ответов
HTML

+1 ещё

Простой
Взаимодействие с другими классами и блоками можно ли так?
- 1 подписчик
- 11 нояб.
- 115 просмотров
2

ответа
HTML

+1 ещё

Простой
Как сделать квадрат с стрелкой?
- 1 подписчик
- 11 нояб.
- 119 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Какой плагин для маски номера посоветуете?
- 3 подписчика
- 11 нояб.
- 259 просмотров
1

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

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Frontend Developer

Wanted. • Санкт-Петербург

До 180 000 ₽

Доработать поиск изображений на ElasticSearch

15 нояб. 2024, в 03:14

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

Заказ на 4 баннера для гемблинга

15 нояб. 2024, в 03:04

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

Голосовой браузерный ИИ ассистент

14 нояб. 2024, в 23:04

1500 руб./в час

непонятно ничего. если надо что-то выбрать, то следует посмотреть на тег 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 комментариев

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

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

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

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